css3樣式前綴有哪些

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這種寫法。 ######（學習影片分享：###css影片教學###、###web前端###）###

以上是css3樣式前綴有哪些的詳細內容。更多資訊請關注PHP中文網其他相關文章！