css3樣式中的前綴問(wèn)題是什么

這篇文章主要介紹了css3樣式中的前綴問(wèn)題是什么的相關(guān)知識(shí)，內(nèi)容詳細(xì)易懂，操作簡(jiǎn)單快捷，具有一定借鑒價(jià)值，相信大家閱讀完這篇css3樣式中的前綴問(wèn)題是什么文章都會(huì)有所收獲，下面我們一起來(lái)看看吧。

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

本教程操作環(huán)境：windows7系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。

CSS3樣式中的前綴問(wèn)題

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

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

• IE——trident（國(guó)內(nèi)很多雙核瀏覽器的其中一核就是trident）

• Opera——Blink（presto已廢棄）

• chrome——Blink（之前是webkit）

• Firefox——Gecko

• Safari——webkit（Android手機(jī)使用頻率最高的也是webkit內(nèi)核）

而每個(gè)內(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私有屬性

示例：寫一個(gè)圓角border-radius，需要這樣寫：

.box {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}

那么為什么要有私有前綴呢？

因?yàn)橹贫℉TML和CSS標(biāo)準(zhǔn)的組織W3C動(dòng)作是很慢的。通常，有w3c組織成員提出一個(gè)新屬性，比如說(shuō)圓角border-radius，大家都覺(jué)得好，但是w3c不會(huì)為這個(gè)屬性制定標(biāo)準(zhǔn)，而是要走很復(fù)雜的程序，經(jīng)過(guò)很多審查。而瀏覽器商不愿意等那么久，他們覺(jué)得一個(gè)屬性已經(jīng)夠成熟了，就會(huì)在瀏覽器中加入支持。

但是避免日后w3c公布標(biāo)準(zhǔn)時(shí)有所變更，就會(huì)加入一個(gè)私有前綴，比如-webkit-border-radius，通過(guò)這種方式來(lái)提前支持新屬性，等到日后w3c公布了標(biāo)準(zhǔn)，border-radius的標(biāo)準(zhǔn)寫法確立之后，再讓新版的瀏覽器支持border-radius這種寫法。

關(guān)于“css3樣式中的前綴問(wèn)題是什么”這篇文章的內(nèi)容就介紹到這里，感謝各位的閱讀！相信大家對(duì)“css3樣式中的前綴問(wèn)題是什么”知識(shí)都有一定的了解，大家如果還想學(xué)習(xí)更多知識(shí)，歡迎關(guān)注億速云行業(yè)資訊頻道。