css3樣式中的前綴問題是什么
這篇文章主要介紹了css3樣式中的前綴問題是什么的相關(guān)知識，內(nèi)容詳細易懂，操作簡單快捷，具有一定借鑒價值，相信大家閱讀完這篇css3樣式中的前綴問題是什么文章都會有所收獲，下面我們一起來看看吧。
我們提供的服務(wù)有：網(wǎng)站設(shè)計、網(wǎng)站制作、微信公眾號開發(fā)、網(wǎng)站優(yōu)化、網(wǎng)站認證、雁江ssl等。為上1000家企事業(yè)單位解決了網(wǎng)站和推廣的問題。提供周到的售前咨詢和貼心的售后服務(wù)，是有科學管理、有技術(shù)的雁江網(wǎng)站制作公司
css3樣式前綴有：1、“-moz-”，代表firefox瀏覽器私有屬性；2、“-ms-”，代表IE瀏覽器私有屬性；3、“-webkit-”，代表safari、chrome私有屬性；4、“-o-”，代表Opera私有屬性。
本教程操作環(huán)境：windows7系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。
CSS3樣式中的前綴問題
作為新手，有的時候在寫css時分不清什么屬性需要用到前綴，或者用什么前綴，下面是我平時學習的一些總結(jié)。
在了解這些前綴之前，先介紹一下各大主流瀏覽器的內(nèi)核：
IE——trident（國內(nèi)很多雙核瀏覽器的其中一核就是trident）
Opera——Blink（presto已廢棄）
chrome——Blink（之前是webkit）
Firefox——Gecko
Safari——webkit（Android手機使用頻率最高的也是webkit內(nèi)核）
而每個內(nèi)核都有自己的前綴：
Trident內(nèi)核：前綴為-ms-
Gecko內(nèi)核：前綴為-moz-
Presto內(nèi)核：前綴為-o-
Webkit內(nèi)核：前綴為-webkit-
所以：
-moz- 代表firefox瀏覽器私有屬性
-ms- 代表IE瀏覽器私有屬性
-webkit- 代表safari、chrome私有屬性
-o- 代表Opera私有屬性
示例：寫一個圓角border-radius，需要這樣寫：
.box {
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
}那么為什么要有私有前綴呢？
因為制定HTML和CSS標準的組織W3C動作是很慢的。通常，有w3c組織成員提出一個新屬性，比如說圓角border-radius，大家都覺得好，但是w3c不會為這個屬性制定標準，而是要走很復雜的程序，經(jīng)過很多審查。而瀏覽器商不愿意等那么久，他們覺得一個屬性已經(jīng)夠成熟了，就會在瀏覽器中加入支持。
但是避免日后w3c公布標準時有所變更，就會加入一個私有前綴，比如-webkit-border-radius，通過這種方式來提前支持新屬性，等到日后w3c公布了標準，border-radius的標準寫法確立之后，再讓新版的瀏覽器支持border-radius這種寫法。
關(guān)于“css3樣式中的前綴問題是什么”這篇文章的內(nèi)容就介紹到這里，感謝各位的閱讀！相信大家對“css3樣式中的前綴問題是什么”知識都有一定的了解，大家如果還想學習更多知識，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。
網(wǎng)頁題目：css3樣式中的前綴問題是什么
文章起源：http://chinadenli.net/article10/jhjggo.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供品牌網(wǎng)站制作、營銷型網(wǎng)站建設(shè)、移動網(wǎng)站建設(shè)、用戶體驗、商城網(wǎng)站、網(wǎng)站建設(shè)
聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)
