CSS屬性前綴的作用是什麼？

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

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

瀏覽器廠商以前就一直在實作CSS3，但它還未成為真正的標準。為此，當一些CSS3樣式語法仍存在波動時，它們提供針對瀏覽器的前綴。現在主要流行的瀏覽器核心主要有：

• Trident核心：主要代表為IE瀏覽器

• Gecko核心：主要代表為Firefox

• Presto核心：主要代表為Opera

• #Webkit核心：產要代表為Chrome和Safari

#而這些不同核心的瀏覽器，CSS3屬性（部分需要添加前綴的屬性）對應需要添加不同的前綴，也將其稱為瀏覽器的私有前綴，添加上私有前綴之後的CSS3屬性可以說是對應瀏覽器的私有屬性：

• Trident核心：前綴為-ms

• Gecko核心：前綴為-moz

• #Presto核心：前綴為-o

• Webkit核心：前綴為-webkit

CSS屬性前綴的作用

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

為了相容於舊版的寫法。例如：比較新版本的瀏覽器都支援直接寫入：border-radius。

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

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

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

為避免日後w3c公佈標準時有所變更，加入一個私有前綴，例如-webkit-border-radius，以這種方式提前支援新屬性。

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

更多程式設計相關知識，請造訪：程式設計課程！ ！

以上是CSS屬性前綴的作用是什麼？的詳細內容。更多資訊請關注PHP中文網其他相關文章！