0.
! import>内联>id>class>标签
css定义的权重：!import(10000)、内联(1000)、id(100)、class(10)、标签(1)
IE:trident内核
Firefox：gecko内核
safari：webkit内核
opera：以前是presto内核，现在改用google chrome的Blink内核
Chrome：Blink（基于webkit，google与opera software共同开发）
①不同浏览器的标签默认的外补丁和内补丁不同，解决方案：用通配符*来设置各个标签的内外补丁是0（即设置margin和padding为0）；
②div的垂直居中问题 vertical-align：middle；
③margin加倍问题：设置为float的div在ie下的margin会加倍。解决方案：为这个div设置样式：display:inline;
js判断浏览器内核 及ie的版本问题
2.
盒子模型
盒子模型包括四部分：内容（content = 宽*高）、填充（padding）、边框（border）、边界（margin）
盒子模型可以分为两种：IE盒子模型和W3C标准盒子模型
区别：两者对于width的计算方式不同（可以通过box-sizing设置）IE width=border+padding+内容，
W3C标准 width=内容。
二、兼容
inline-block:4像素问题
HTML结构、负的margin、
设置父元素字体为0、丢失结束标签、
jquery方法、全兼容的样式解决方法