书写顺序和浏览器解析过程有关！浏览器先对dom定位，然后解析自身属性，然后再解析内部对象！
1、首先解析显示属性
display
list-style
position
float
clear
2、然后解析自身属性
width
height
margin
padding
border
background
3、最后再解析文本属性
color
font
text-decoration
text-align
vertical-align
white-space
other text
content
关于选择器权重的问题 。
class的权重是10 标签权重是 1 。比如说 p span{} 权重是2. 如果11标签自选择器的组合的权重11，会不会覆盖 一个class选择器权重10的 样式？
总结出来了重要的两点： 权值的大小跟选择器的类型和数量有关 样式的优先级跟样式的定义顺序有关， 标签选择器的权值永远都比一个类选器择器的权值低，无论有多少个 但一直以来都还是没能想通。
其实规则很简单：
比较同一级别的个数，数量多的优先级高，如果相同即比较下一级别的个数 ，至于各级别的优先级，大家应该已经很清楚了。
优先级： important > 内联 > ID > 类 > 标签 | 伪类 | 属性选择 > 伪对象 > 继承 > 通配符
这也就解释了为什么11个标签的定义会比不上1个类的定义，1个类加11个标签会比不上2个类的权重高。
CSS中慎用中文注释
在css样式表中用了中文注释，并且将/*和*/写在与中文同一行的话，可能导致注释下方的样式失效，ie6以下的浏览器包括ie6都可能出现这个问题,但经过测试ie7、firefox、opera等浏览器都能良好支持中文注释，具体原因暂时不确定，但发现了解决方法：
如果这样写就可能出问题：
/*主内容区域地址栏部分样式*/
但是改为以下两种写法之一，就不会出现这个问题：
/*主内容区域地址栏部分样式
*/
或者
/*
主内容区域地址栏部分样式
*/
这个BUG可能与IE对CSS中的中文处理有关，最好的解决办法就是不要用中文，免得出现其它问题。
如果您觉得本文的内容对您的学习有所帮助：
关键字：
div+css属性使用技巧跟详细讲解第三篇