本篇內(nèi)容介紹了“Css3屬性前要加webkit嗎”的有關(guān)知識(shí)，在實(shí)際案例的操作過(guò)程中，不少人都會(huì)遇到這樣的困境，接下來(lái)就讓小編帶領(lǐng)大家學(xué)習(xí)一下如何處理這些情況吧！希望大家仔細(xì)閱讀，能夠?qū)W有所成！

作為一家“創(chuàng)意+整合+營(yíng)銷(xiāo)”的成都網(wǎng)站建設(shè)機(jī)構(gòu)，我們?cè)跇I(yè)內(nèi)良好的客戶(hù)口碑。成都創(chuàng)新互聯(lián)提供從前期的網(wǎng)站品牌分析策劃、網(wǎng)站設(shè)計(jì)、網(wǎng)站建設(shè)、成都網(wǎng)站建設(shè)、創(chuàng)意表現(xiàn)、網(wǎng)頁(yè)制作、系統(tǒng)開(kāi)發(fā)以及后續(xù)網(wǎng)站營(yíng)銷(xiāo)運(yùn)營(yíng)等一系列服務(wù)，幫助企業(yè)打造創(chuàng)新的互聯(lián)網(wǎng)品牌經(jīng)營(yíng)模式與有效的網(wǎng)絡(luò)營(yíng)銷(xiāo)方法,創(chuàng)造更大的價(jià)值。

css中因?yàn)橐嫒莶煌瑸g覽器的屬性支持，瀏覽器廠商會(huì)在屬性前加一個(gè)私有前綴來(lái)支持新屬性；前綴為“-webkit-”的屬性，能夠在以webkit為內(nèi)核的瀏覽器中正常使用，例如“safari”和“chrome”瀏覽器。

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

Css3屬性前為什么要加webkit

CSS3中新增了一些屬性，例如box-reduis、box-orient、text-overflow等等，而這些屬性在以往的版本中是不存在的，或者不被支持的，因此，針對(duì)不同的瀏覽器，規(guī)定其內(nèi)核名稱(chēng)讓它們可以對(duì)這些新增屬性進(jìn)行解析。這看上去是一個(gè)合理的解釋?zhuān)?moz-是針對(duì)firefox的，-webkit-是針對(duì)safari和chrome的。

• -moz代表firefox瀏覽器私有屬性

• -ms代表ie瀏覽器私有屬性

• -webkit代表safari、chrome私有屬性

在標(biāo)準(zhǔn)還未確定時(shí)，部分瀏覽器已經(jīng)根據(jù)最初草案實(shí)現(xiàn)了部分功能，為了與之后確定下來(lái)的標(biāo)準(zhǔn)進(jìn)行兼容，所以每種瀏覽器使用了自己的私有前綴與標(biāo)準(zhǔn)進(jìn)行區(qū)分，當(dāng)標(biāo)準(zhǔn)確立后，各大瀏覽器將逐步支持不帶前綴的css3新屬性。

示例如下：

為什么要有私有前綴呢？因?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)寫(xiě)法確立之后，再讓新版的瀏覽器支持border-radius這種寫(xiě)法。

比方說(shuō)，Chrome 10是不認(rèn)border-radius這種寫(xiě)法的，只能用webkit-border-radius，而Chrome12就能認(rèn)了。于是在寫(xiě)CSS的時(shí)候，這樣寫(xiě)就能確保Chrome10和Chrome12瀏覽網(wǎng)頁(yè)的時(shí)候都能夠正確顯示。

目前已有很多私有前綴可以不寫(xiě)了，但為了兼容老版本的瀏覽器，可以仍沿用私有前綴和標(biāo)準(zhǔn)方法，逐漸過(guò)渡

“Css3屬性前要加webkit嗎”的內(nèi)容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識(shí)可以關(guān)注創(chuàng)新互聯(lián)網(wǎng)站，小編將為大家輸出更多高質(zhì)量的實(shí)用文章！