【css3】瀏覽器內核及其兼容性


瀏覽器內核分類如下:

1.Webkit內核:

使用此引擎內核的瀏覽器有:Safari(包括移動版和桌面版)、Chrome
其私有屬性的前綴是-webkit-

2.Gecko內核:

使用此引擎內核的瀏覽器有Mozilla,常指的是Firefox瀏覽器。
其私有屬性的前綴是-moz-

3.Presto內核:

使用此引擎內核的瀏覽器是指Opera
其私有屬性的前綴是-o-

4.KHTML內核:

使用此引擎內核的瀏覽器是指Konqueror
其私有屬性的前綴是-khtml-

5.Trident內核:

使用此引擎內核的瀏覽器是IE瀏覽器
其私有屬性的前綴是-ms-

為什么會有這些瀏覽器私有屬性呢?
在CSS屬性能中,我們常常能看到-webkit-,-moz-之類的前綴,這種就叫做瀏覽器私有前綴,是瀏覽器對於新CSS屬性的一個提前支持。-webkit-是webkit內核的,-moz-是Firefox Gecko內核,moz代表的是Firefox的開發商Mozilla。
為什么要有私有前綴呢?因為制定HTML和CSS標准的組織W3C動作是很慢的。通常,有w3c組織成員提出一個新屬性,比如說圓角border-radius,大家都覺得好,但是w3c不會為這個屬性制定標准,而是要走很復雜的程序,經過很多審查。而瀏覽器商不願意等那么久,
他們覺得一個屬性已經夠成熟了,就會在瀏覽器中加入支持。但是避免日后w3c公布標准時有所變更,就會加入一個私有前綴,比如-webkit-border-radius,通過這種方式來提前支持新屬性,等到日后w3c公布了標准,border-radius的標准寫法確立之后,再讓新版的瀏覽器支持border-radius這種寫法。 比方說,Chrome 10是不認border-radius這種寫法的,只能用webkit-border-radius,而Chrome12就能認了。於是在寫CSS的時候,這樣寫就能確保Chrome10和Chrome12瀏覽網頁的時候都能夠正確顯示。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM