這篇文章將為大家詳細(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è)簡單的示例，早期寫一個(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)核的瀏覽器中測試網(wǎng)頁顯示效果的原因。
關(guān)于css屬性前綴是什么就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，可以學(xué)到更多知識(shí)。如果覺得文章不錯(cuò)，可以把它分享出去讓更多的人看到。
