css（一）

1. 一般css放在head中
2. 注释：在CSS中也有注释语句：用/*注释语句*/来标明（Html中使用<!--注释语句-->)
3. 三种样式
   内联式<p style="color:red">这里文字是红色。</p>
   嵌入式
   <style type="text/css">
span{
color:red;
}
</style>
   外部式<link href="base.css" rel="stylesheet" type="text/css" />
   优先级：内联式 > 嵌入式 > 外部式
4. 选择器
   
   1. 标签选择器 p{font-size:12px;line-height:1.6em;}
   2. 类选择器 .类选器名称{css样式代码;}
   3. id选择器 #id{}
      注：类选择器和id选择器的区别:(1)id选择器在一个html中只能使用一次（2）类选择器可以设置样式列表，即<span class="stress bigsize">，但是id选择器不可以
   4. 子选择器，.food>li{border:1px solid red;}，只有第一代的所有子标签
   5. 包含（后代）选择器.first span{color:red;}，所有代后代
   6. 通用选择器 * {color:red;}，所有标签
   7. 伪选择器 a:hover{color:red;} 当鼠标略过的时候，出现格式，可以加载所有的标签中
   8. 分组选择器 .first,#second span{color:green;}
5. 继承
   表示包含的子标签继承父标签的样式，color具有继承性，border似乎不具有继承性
6. 权值
   在样式冲突的时候，根据权值进行选择。
   p{color:red;}
.first{color:green;}
<p class="first">三年级时，我还是一个<span>胆小如鼠</span>的小女孩。</p>
   标签的权值为1，类选择符的权值为10，ID选择符的权值最高为100
7. 层叠
   p{color:red;}
p{color:green;}
<p class="first">三年级时，我还是一个<span>胆小如鼠</span>的小女孩。</p>
   按照就近原则
8. important的样式优先级最高
   p{color:red!important;}
p{color:green;}
<p class="first">三年级时，我还是一个<span>胆小如鼠</span>的小女孩。</p>
9. 文字排版
   字体 font-family:”宋体”;
   字号 font-size:12px;
   颜色 color:#666；
   粗体 font-weight:bold;
   斜体 font-style:italic;
   下划线 text-decoration:underline;
   删除线 text-decoration:line-through;
   缩进 text-indent:2em;//2em意思是文字的两倍大小
   行间距 line-height:1.5em;
   中文字、字母间距 letter-spacing:50px;
   单词间距 word-spacing:50px;
   块状元素内文字图片对齐方式 text-align:center;