css屬性前綴有:1、“-moz-”,代表firefox瀏覽器的私有屬性;2、“-ms-”,代表ie瀏覽器的私有屬性;3、“-webkit-”,代表safari、chrome瀏覽器的私有屬性;4、“-o-”,代表Opera瀏覽器的私有屬性。
(推薦教程:CSS視頻教程)
現(xiàn)在主要流行的瀏覽器內核主要有:
-
Trident內核:主要代表為IE瀏覽器
-
Gecko內核:主要代表為Firefox
-
Presto內核:主要代表為Opera
-
Webkit內核:產(chǎn)要代表為Chrome和Safari
而這些不同內核的瀏覽器,CSS3屬性(部分需要添加前綴的屬性)對應需要添加不同的前綴,也將其稱之為瀏覽器的私有前綴,添加上私有前綴之后的CSS3屬性可以說是對應瀏覽器的私有屬性:
-
Trident內核:前綴為-ms-
-
Gecko內核:前綴為-moz-
-
Presto內核:前綴為-o-
-
Webkit內核:前綴為-webkit-
為什么要有私有前綴呢?
因為制定HTML和CSS標準的組織W3C動作是很慢的。通常,有w3c組織成員提出一個新屬性,比如說圓角border-radius,大家都覺得好,但是w3c不會為這個屬性制定標準,而是要走很復雜的程序,經(jīng)過很多審查。而瀏覽器商不愿意等那么久,他們覺得一個屬性已經(jīng)夠成熟了,就會在瀏覽器中加入支持。
但是避免日后w3c公布標準時有所變更,就會加入一個私有前綴,比如-webkit-border-radius,通過這種方式來提前支持新屬性,等到日后w3c公布了標準,border-radius的標準寫法確立之后,再讓新版的瀏覽器支持border-radius這種寫法。
來看一個簡單的示例,早期寫一個圓角border-radius,需要這樣寫:
.box { -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; }
擴展資料:
所謂的瀏覽器內核也就是瀏覽器所采用的渲染引擎,渲染引擎決定了瀏覽器如何顯示網(wǎng)頁的內容以及頁面的格式信息。不同的瀏覽器內核對網(wǎng)頁編寫語法的解釋也有不同,因此同一網(wǎng)頁在不同的內核的瀏覽器里的渲染(顯示)效果也可能不同,這也是網(wǎng)頁編寫者需要在不同內核的瀏覽器中測試網(wǎng)頁顯示效果的原因。