css屬性前綴是什么

這篇文章將為大家詳細(xì)講解有關(guān)css屬性前綴是什么，小編覺得挺實(shí)用的，因此分享給大家做個(gè)參考，希望大家閱讀完這篇文章后可以有所收獲。

css屬性前綴有：1、“-moz-”，代表firefox瀏覽器的私有屬性；2、“-ms-”，代表ie瀏覽器的私有屬性；3、“-webkit-”，代表safari、chrome瀏覽器的私有屬性；4、“-o-”，代表Opera瀏覽器的私有屬性。

現(xiàn)在主要流行的瀏覽器內(nèi)核主要有：

• Trident內(nèi)核：主要代表為IE瀏覽器

• Gecko內(nèi)核：主要代表為Firefox

• Presto內(nèi)核：主要代表為Opera

• Webkit內(nèi)核：產(chǎn)要代表為Chrome和Safari

而這些不同內(nèi)核的瀏覽器，CSS3屬性（部分需要添加前綴的屬性）對(duì)應(yīng)需要添加不同的前綴，也將其稱之為瀏覽器的私有前綴，添加上私有前綴之后的CSS3屬性可以說是對(duì)應(yīng)瀏覽器的私有屬性：

• Trident內(nèi)核：前綴為-ms-

• Gecko內(nèi)核：前綴為-moz-

• Presto內(nèi)核：前綴為-o-

• Webkit內(nèi)核：前綴為-webkit-

為什么要有私有前綴呢？

因?yàn)橹贫℉TML和CSS標(biāo)準(zhǔn)的組織W3C動(dòng)作是很慢的。通常，有w3c組織成員提出一個(gè)新屬性，比如說圓角border-radius，大家都覺得好，但是w3c不會(huì)為這個(gè)屬性制定標(biāo)準(zhǔn)，而是要走很復(fù)雜的程序，經(jīng)過很多審查。而瀏覽器商不愿意等那么久，他們覺得一個(gè)屬性已經(jīng)夠成熟了，就會(huì)在瀏覽器中加入支持。

但是避免日后w3c公布標(biāo)準(zhǔn)時(shí)有所變更，就會(huì)加入一個(gè)私有前綴，比如-webkit-border-radius，通過這種方式來提前支持新屬性，等到日后w3c公布了標(biāo)準(zhǔn)，border-radius的標(biāo)準(zhǔn)寫法確立之后，再讓新版的瀏覽器支持border-radius這種寫法。

來看一個(gè)簡(jiǎn)單的示例，早期寫一個(gè)圓角border-radius，需要這樣寫：　　

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

擴(kuò)展資料：

所謂的瀏覽器內(nèi)核也就是瀏覽器所采用的渲染引擎，渲染引擎決定了瀏覽器如何顯示網(wǎng)頁的內(nèi)容以及頁面的格式信息。不同的瀏覽器內(nèi)核對(duì)網(wǎng)頁編寫語法的解釋也有不同，因此同一網(wǎng)頁在不同的內(nèi)核的瀏覽器里的渲染（顯示）效果也可能不同，這也是網(wǎng)頁編寫者需要在不同內(nèi)核的瀏覽器中測(cè)試網(wǎng)頁顯示效果的原因。

關(guān)于css屬性前綴是什么就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，可以學(xué)到更多知識(shí)。如果覺得文章不錯(cuò)，可以把它分享出去讓更多的人看到。