這篇文章將為大家詳細講解有關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屬性前綴是什么就分享到這里了，希望以上內容可以對大家有一定的幫助，可以學到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到。