首頁 > web前端 > css教學 > CSS屬性前綴的作用是什麼?

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

青灯夜游
發布: 2020-11-30 13:37:35
原創
2637 人瀏覽過

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

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

使用過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中文網其他相關文章!

相關標籤:
css
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板