在編寫CSS樣式時,經??梢钥吹揭恍┣熬Y,如-webkit、-moz、-o、-ms等。這些前綴究竟是什么意思呢?
-webkit: 用于谷歌瀏覽器及內核為Webkit的瀏覽器(如Safari)的私有屬性和特效; -moz: 用于火狐瀏覽器的私有屬性和特效; -o: 用于opera瀏覽器的私有屬性和特效; -ms: 用于IE瀏覽器的私有屬性和特效;
前綴的出現是為了解決不同廠商的瀏覽器對CSS屬性的支持情況不同的問題。在W3C制定CSS標準的過程中,不同廠商的瀏覽器開發商可以參與進來,提出自己的意見,從而實現標準的制定。但是由于瀏覽器開發商之間的競爭,他們并沒有完全按照標準去實現CSS屬性,即使實現了,也有可能存在兼容性問題。
為了解決這些問題,CSS前綴出現了,它可以用來識別實驗性的CSS屬性和聲明,以及瀏覽器是否支持這些新特性。比如當一個新特性出現在webkit內核的瀏覽器中時,開發者就可以使用"-webkit"前綴來聲明這個屬性,從而實現在這些瀏覽器中展示這個新特性。
但需要注意的是,這些前綴不是標準的一部分,且瀏覽器的支持情況隨時可能發生變化。因此,當我們在使用這些前綴時,應該同時使用未帶前綴的屬性,以便在瀏覽器更新或改版后仍舊能夠正常使用。
上一篇css的加載順序