css学习

子选择器：
.food>li{border:1px solid red;}用于选择指定标签元素的第一代子元素。
包含选择器：
.first span{color:red;}
子选择器（child selector）仅是指它的直接后代，或者你可以理解为作用于子元素的第一代后代。而后代选择器是作用于所有子后代元素。
通用选择器：
* {font-size:20px;}
伪类选择符：hover
a:hover{color:red;}鼠标划过时的颜色变化
分组选择符：
h1,span{color:red;}
样式的继承性：某些样式具有继承性，即对<p>起作用时，对其里面的<span>同样起作用，但另一些样式没有继承性，如border:1px solid red。

特殊性：权值
标签的权值为1，类选择符的权值为10，ID选择符的权值最高为100，继承的权值最低。

层叠：
在html文件中对于同一个元素可以有多个css样式存在，当有相同权重的样式存在时，会根据这些css样式的前后顺序来决定，处于最后面的css样式会被应用。

!important样式重要

文字排版：
字体body{font-family:"宋体";}
字号和颜色body{font-size:12px;color:#666}
粗体a{font-weight:bold;}
斜体a{font-style:italic;}