HTML/CSS基础知识（三）

浏览器内核

浏览器内核是浏览器的核心，也称“渲染引擎”，用来解释网页语法并渲染到网页上。浏览器内核决定了浏览器该如何显示网页内容以及页面的格式信息。不同的浏览器内核对网页的语法解释也不同，因此网页开发者需要在不同内核的浏览器中测试网页的渲染效果。

主要分成两部分：

• 渲染引擎（Layout engineer 或Rendering Engine）
• JS引擎

渲染引擎：负责取得网页的内容（HTML、XML、图像等）、整理讯息（例如加入CSS等），以及计算网页的显示方式，然后会输出至显示器或打印机。浏览器内核不同对于网页的语法解释会有所不同，所以渲染的效果也不相同。所有网页浏览器、电子邮件和护短以及其他需要编辑、显示网络内容的应用程序都需要内核。

JS引擎：解析和执行javascript来显示网页的动态效果。

四大内核

四大内核分别是：Trident（也称IE内核）、webkit、Blink、Gecko。五大浏览器（IE、Chrome、Firefox、Safari、Opera）采用的都是单内核，而随着浏览器的发展现在也出现了双内核。像360浏览器、QQ浏览器都是采用双内核。

1. IE浏览器内核：Trident内核，也是俗称的IE内核；
2. Chrome浏览器内核：以前是Webkit内核，现在是Blink内核；
3. Firefox浏览器内核：Gecko内核，俗称Firefox内核；
4. Safari浏览器内核：Webkit内核；
5. Opera浏览器内核：最初是自己的Presto内核，后来是Webkit，现在是Blink内核；
6. 360浏览器、猎豹浏览器内核：IE+Chrome双内核；
7. 搜狗、遨游、QQ浏览器内核：Trident（兼容模式）+Webkit（高速模式）；
8. 百度浏览器、世界之窗内核：IE内核；
9. 2345浏览器内核：以前是IE内核，现在也是IE+Chrome双内核；

CSS3中识别码，前缀

1. -ms代表IE内核识别码
2. -moz代表火狐Firefox内核识别码
3. -webkit代表谷歌【chrome】/苹果【safari】内核识别码
4. -o代表欧朋【opera】内核识别码

-ms-transform:rotate(7deg);
-moz-transform:rotate(7deg);
-webkit-transform:rotate(7deg);
-o-transform:rotate(7deg);
transform:rotate(7deg); //统一标识语句，符合w3c标准