浏览器的私有前缀理解

一、理解

前缀	适用内核	浏览器举例
-webkit-	webkit	Chrome 、Safari
-moz-	Gecko	Firefox
-ms-	Trident	IE
-o-	Presto	Opera

举例说明：
在body中添加以下代码：

<h1>用text-stroke属性创建镂空字体  且只有webkit内核浏览器支持此属性</h1>

css样式为：

h1{
				font-size: 40px;
				color: black;
				-webkit-text-stroke: 2px red;
			}

在css中添加了-webkit-前缀 使得以webkit为内核的浏览器中字体为黑底红边的镂空。 展示如下：
1、谷歌浏览器中显示：

2、在IE浏览器中显示：

因为IE浏览器的内核不是webkit，所以该浏览器中字体并没有出现红边。

二、使用方法
1、在前缀后面加上“-”再加上css3属性。
如-webkit-text-stroke: 2px red；

2、顺序：先写私有的css3属性，再写标准的css3属性。