主流浏览器及内核，浏览器对应私有属性-webkit-,-ms-,-mos-

主流浏览器及内核

浏览器名称	内核	私有属性
IE	Trident	-ms-
Chrome	WebKit->Blink	-webkit-
Firefox	Geoko	-mos-
Opera	Presto->WebKit->Blink	-o-
Safari	WebKit	-webkit-

上面->意思是内核变化。总结来说就是谷歌（Google）与苹果的开源浏览器核心Webkit分道扬镳，在Chrome（28及往后版本）中使用Blink。Opera原来有自己的内核Presto，一波三折，现已改用Google Chrome的Blink内核（Opera15及往后版本）。IE用Trident内核，Firefox用Geoko内核。

更多内核详细历史，可以查看这个百度百科链接：浏览器内核

手机浏览器大都是基于WebKit，很多浏览器也都是在WebKit或者Trident的基础上进行二次开发。

私有属性

在一些教程网站上学习CSS3部分，我们经常会看到如下内容，一些属性会加上-ms、-webkit等属性。

div
{
	width:200px;
	height:100px;
	background-color:yellow;
	transform:rotate(30deg);
	-ms-transform:rotate(30deg);  /* IE 9 */
	-webkit-transform:rotate(30deg);  /* Safari and Chrome */
}

其实这主要就是为了做浏览器兼容，让一些低版本的浏览器也可以正常显示样式。

比如，菜鸟教程对transform属性介绍中的就会列出如下提示：
为兼容某些浏览器低版本，加上对应前缀就可以。

最上面我汇成了表格，内核可以稍微去记一下，面试可能会用到哦