css属性前缀是什么-创新互联

这篇文章将为大家详细讲解有关css属性前缀是什么，小编觉得挺实用的，因此分享给大家做个参考，希望大家阅读完这篇文章后可以有所收获。

css属性前缀有：1、“-moz-”，代表firefox浏览器的私有属性；2、“-ms-”，代表ie浏览器的私有属性；3、“-webkit-”，代表safari、chrome浏览器的私有属性；4、“-o-”，代表Opera浏览器的私有属性。

现在主要流行的浏览器内核主要有：

• Trident内核：主要代表为IE浏览器

• Gecko内核：主要代表为Firefox

• Presto内核：主要代表为Opera

• Webkit内核：产要代表为Chrome和Safari

而这些不同内核的浏览器，CSS3属性（部分需要添加前缀的属性）对应需要添加不同的前缀，也将其称之为浏览器的私有前缀，添加上私有前缀之后的CSS3属性可以说是对应浏览器的私有属性：

• Trident内核：前缀为-ms-

• Gecko内核：前缀为-moz-

• Presto内核：前缀为-o-

• Webkit内核：前缀为-webkit-

为什么要有私有前缀呢？

因为制定HTML和CSS标准的组织W3C动作是很慢的。通常，有w3c组织成员提出一个新属性，比如说圆角border-radius，大家都觉得好，但是w3c不会为这个属性制定标准，而是要走很复杂的程序，经过很多审查。而浏览器商不愿意等那么久，他们觉得一个属性已经够成熟了，就会在浏览器中加入支持。

但是避免日后w3c公布标准时有所变更，就会加入一个私有前缀，比如-webkit-border-radius，通过这种方式来提前支持新属性，等到日后w3c公布了标准，border-radius的标准写法确立之后，再让新版的浏览器支持border-radius这种写法。

来看一个简单的示例，早期写一个圆角border-radius，需要这样写：　　

.box { 
-moz-border-radius: 5px; 
-webkit-border-radius: 5px; 
-o-border-radius: 5px; 
border-radius: 5px; 
}

扩展资料：

所谓的浏览器内核也就是浏览器所采用的渲染引擎，渲染引擎决定了浏览器如何显示网页的内容以及页面的格式信息。不同的浏览器内核对网页编写语法的解释也有不同，因此同一网页在不同的内核的浏览器里的渲染（显示）效果也可能不同，这也是网页编写者需要在不同内核的浏览器中测试网页显示效果的原因。

关于css属性前缀是什么就分享到这里了，希望以上内容可以对大家有一定的帮助，可以学到更多知识。如果觉得文章不错，可以把它分享出去让更多的人看到。