解决浏览器兼容性问题CSS(一)

   浏览器的内核，负责对网页语法的解释并显示网页，它决定了浏览器如何显示网页的内容以及页面的格式信息。在每一种浏览器中包含两个引擎：1.内容排版引擎，负责加载HTML内容，和渲染CSS样式。2.javascript解释器引擎，负责解释并执行JS程序。处理浏览器的兼容性问题我可以从这两个引擎大块来入手。而多数兼容性问题存在于旧版本的IE浏览器，从IE8为分水岭。今天我来讨论CSS层叠样式表中存在的一些兼容性问题的知识。

首先我们列出个浏览器的内核。

Trident：IE浏览器的内核；

Gecko：Mozilla浏览器的内核(FireFox)；

Webkit：Safari浏览器的内核，也是Chrome浏览器的原型；

Blink：Chrome浏览器的内核 opera浏览器的内核；

这里要区分浏览器的内核和厂商前缀的区别，那么几种浏览器的供应商前缀分别是。(注意：厂商前缀全部为小写)。

-moz- FireFox；

-webkit- Chrome，Safari；

-ms- IE；

-o- opera；

在CSS3中的animation新属性我们就会学习到其中在定义关键帧动画的时候，存在的浏览器的兼容性问题。

    浏览器兼容性：@keyframes animation Firefox IE
 @-webkit-keyframes -webkit-animation Chrome Safari
 @-o-keyframes -o-animation Opera