CSS屬性前綴有什么用

小編給大家分享一下CSS屬性前綴有什么用，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

作用：在一個新CSS屬性還未成為標準時，讓瀏覽器提前支持。w3c制定標準是很慢的；而瀏覽器商市場推廣時間緊，如果一個屬性已經(jīng)夠成熟了，就會在瀏覽器中加入支持；而為避免日后w3c公布標準時有所變更，加入一個私有前綴，來提前支持新屬性。

使用過CSS3屬性的同學都知道，CSS3屬性都需要帶各瀏覽器的前綴，甚至到現(xiàn)在，依然還有很多屬性需要帶前綴。

瀏覽器廠商以前就一直在實施CSS3，但它還未成為真正的標準。為此，當一些CSS3樣式語法還存在波動時，它們提供針對瀏覽器的前綴?，F(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屬性（部分需要添加前綴的屬性）對應需要添加不同的前綴，也將其稱之為瀏覽器的私有前綴，添加上私有前綴之后的CSS3屬性可以說是對應瀏覽器的私有屬性：

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

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

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

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

CSS屬性前綴的作用

瀏覽器私有前綴，是瀏覽器對于新CSS屬性的一個提前支持。

為了兼容老版本的寫法。例如：比較新版本的瀏覽器都支持直接寫：border-radius。

-moz代表firefox瀏覽器私有屬性，-ms代表ie瀏覽器私有屬性，-webkit代表safari、chrome私有屬性。

因為制定HTML和CSS標準的組織W3C動作是很慢的。

通常，有w3c組織成員提出一個新屬性，比如說圓角border-radius，大家都覺得好，但w3c制定標準，要走很復雜的程序，審查等。而瀏覽器商市場推廣時間緊，如果一個屬性已經(jīng)夠成熟了，就會在瀏覽器中加入支持。

為避免日后w3c公布標準時有所變更，加入一個私有前綴，比如-webkit-border-radius，通過這種方式來提前支持新屬性。

等到日后w3c公布了標準，border-radius的標準寫法確立之后，再讓新版的瀏覽器支持border-radius這種寫法。

以上是CSS屬性前綴有什么用的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對大家有所幫助，如果還想學習更多知識，歡迎關注億速云行業(yè)資訊頻道！