css3样式中的前缀问题是什么
这篇文章主要介绍了css3样式中的前缀问题是什么的相关知识，内容详细易懂，操作简单快捷，具有一定借鉴价值，相信大家阅读完这篇css3样式中的前缀问题是什么文章都会有所收获，下面我们一起来看看吧。
css3样式前缀有：1、"-moz-"，代表firefox浏览器私有属性；2、"-ms-"，代表IE浏览器私有属性；3、"-webkit-"，代表safari、chrome私有属性；4、"-o-"，代表Opera私有属性。
本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。
CSS3样式中的前缀问题
作为新手，有的时候在写css时分不清什么属性需要用到前缀，或者用什么前缀，下面是我平时学习的一些总结。
在了解这些前缀之前，先介绍一下各大主流浏览器的内核：
IE--trident（国内很多双核浏览器的其中一核就是trident）
Opera--Blink（presto已废弃）
chrome--Blink（之前是webkit）
Firefox--Gecko
Safari--webkit（Android手机使用频率最高的也是webkit内核）
而每个内核都有自己的前缀：
Trident内核：前缀为-ms-
Gecko内核：前缀为-moz-
Presto内核：前缀为-o-
Webkit内核：前缀为-webkit-
所以：
-moz- 代表firefox浏览器私有属性
-ms- 代表IE浏览器私有属性
-webkit- 代表safari、chrome私有属性
-o- 代表Opera私有属性
示例：写一个圆角border-radius，需要这样写：
.box { -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px;}那么为什么要有私有前缀呢？
因为制定HTML和CSS标准的组织W3C动作是很慢的。通常，有w3c组织成员提出一个新属性，比如说圆角border-radius，大家都觉得好，但是w3c不会为这个属性制定标准，而是要走很复杂的程序，经过很多审查。而浏览器商不愿意等那么久，他们觉得一个属性已经够成熟了，就会在浏览器中加入支持。
但是避免日后w3c公布标准时有所变更，就会加入一个私有前缀，比如-webkit-border-radius，通过这种方式来提前支持新属性，等到日后w3c公布了标准，border-radius的标准写法确立之后，再让新版的浏览器支持border-radius这种写法。
关于"css3样式中的前缀问题是什么"这篇文章的内容就介绍到这里，感谢各位的阅读！相信大家对"css3样式中的前缀问题是什么"知识都有一定的了解，大家如果还想学习更多知识，欢迎关注行业资讯频道。
