這篇文章主要介紹了css3樣式中的前綴問題是什么的相關知識，內容詳細易懂，操作簡單快捷，具有一定借鑒價值，相信大家閱讀完這篇css3樣式中的前綴問題是什么文章都會有所收獲，下面我們一起來看看吧。

我們提供的服務有：網站設計、網站制作、微信公眾號開發、網站優化、網站認證、雁江ssl等。為上1000家企事業單位解決了網站和推廣的問題。提供周到的售前咨詢和貼心的售后服務，是有科學管理、有技術的雁江網站制作公司

css3樣式前綴有：1、“-moz-”，代表firefox瀏覽器私有屬性；2、“-ms-”，代表IE瀏覽器私有屬性；3、“-webkit-”，代表safari、chrome私有屬性；4、“-o-”，代表Opera私有屬性。

本教程操作環境：windows7系統、CSS3&&HTML5版、Dell G3電腦。

CSS3樣式中的前綴問題

作為新手，有的時候在寫css時分不清什么屬性需要用到前綴，或者用什么前綴，下面是我平時學習的一些總結。

在了解這些前綴之前，先介紹一下各大主流瀏覽器的內核：

• IE——trident（國內很多雙核瀏覽器的其中一核就是trident）

• Opera——Blink（presto已廢棄）

• chrome——Blink（之前是webkit）

• Firefox——Gecko

• Safari——webkit（Android手機使用頻率最高的也是webkit內核）

而每個內核都有自己的前綴：

• Trident內核：前綴為-ms-

• Gecko內核：前綴為-moz-

• Presto內核：前綴為-o-

• Webkit內核：前綴為-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不會為這個屬性制定標準，而是要走很復雜的程序，經過很多審查。而瀏覽器商不愿意等那么久，他們覺得一個屬性已經夠成熟了，就會在瀏覽器中加入支持。

但是避免日后w3c公布標準時有所變更，就會加入一個私有前綴，比如-webkit-border-radius，通過這種方式來提前支持新屬性，等到日后w3c公布了標準，border-radius的標準寫法確立之后，再讓新版的瀏覽器支持border-radius這種寫法。

關于“css3樣式中的前綴問題是什么”這篇文章的內容就介紹到這里，感謝各位的閱讀！相信大家對“css3樣式中的前綴問題是什么”知識都有一定的了解，大家如果還想學習更多知識，歡迎關注創新互聯行業資訊頻道。

網頁題目：css3樣式中的前綴問題是什么
文章起源：http://vcdvsql.cn/article10/jhjggo.html

成都網站建設公司_創新互聯，為您提供品牌網站制作、營銷型網站建設、移動網站建設、用戶體驗、商城網站、網站建設

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯