关于浏览器兼容性

作为一个前端初学者，一直不想谈的话题就是浏览器的兼容性。

因为在盒模型中，要考虑浏览器兼容；

还有最近发现button属性、a属性，ie都有问题，让我想想ie还有什么幺蛾子。

今天就做一个总结吧。

总结完了，姐姐就学reactjs和sass去了

浏览器引擎的分类

Trident：IE6, IE7, IE8, IE9, 360, 搜狗, 遨游, 世界之窗, 腾讯TT

Gecko：Firefox

Webkit：Chrome, Safari

Presto：Opera

根据经验来看，使用Gecko和Webkit的浏览器对Web标准支持最到位，相同的代码在它们的渲染下样式基本没有差别。Presto对Web标准支持得也不错，但偶尔会出现一些小问题。

最让人头疼的，就是Trident的那些玩意儿了。

要做好浏览器的兼容，我觉得理解好以下的一些知识点会很有帮助：

reset.css （Reset CSS的前生今世）

正确理解盒模型

block与inline

float与clear

CSS Hack

正确理解盒模型

之前写布局的时候有提到盒模型这一问题，最后的解决方案就是使用box-sizing。

block与inline

float与clear

css Hack