浏览器的部分兼容性问题

1、浏览器内核

浏览器	内核（渲染引擎）
Chrome谷歌	之前Webkit，已改Blink内核
FireFox火狐	Gecko
Safari苹果	Webkit
IE	Trident
Opera欧朋	现已改用Google Chrome的Blink内核

2、兼容性问题

2.1 不同浏览器的标签默认的margin和padding不同

1、使用*{margin:0;padding:0;}格式化全局样式
2、引入reset.css样式

2.2css3新属性需要加前缀

-moz- /* 火狐浏览器 /
-webkit- / Safari, 谷歌浏览器等使用Webkit引擎的浏览器 /
-o- / Opera浏览器(早期) /
-ms- / IE */

2.3块属性标签float后，又有横行的margin情况下，IE 浏览器margin加倍的问题

设置为float的div在ie下设置的margin会加倍。这是一个ie6都存在的bug。解决方案是在这个div里面加上display:inline;

2.4设置较小高度标签（一般小于10px），在IE6，IE7，遨游中高度超出自己设置高度

1、给超出高度的标签设置overflow:hidden;
2、或者设置行高line-height 小于你设置的高度