遇到没起作用的CSS是因为特殊性冲突,在选择器前面添加父元素的id可以增加特殊性
计算特殊性的方法
a:行内样式,优先级最高,a=1 只有行内样式1000
b:id选择器总数
c:类、伪类、属性选择器数量
d:标签选择器和伪元素选择器数量
十进制下计算abcd值
IE6及以下在混杂模式下使用自己的非标准盒模型
width=content+2*border+2*padding
box-sizing属性用于指定使用哪种盒模型,默认为content-box即width只代表content的宽
只有普通文档流中块框的垂直外边距才会发生外边距叠加,行内框 浮动框 绝对定位框之间的外边距不会叠加