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瀏覽網頁的時候都能夠正確顯示。