為什么css3要加前綴

本篇內(nèi)容主要講解“為什么css3要加前綴”，感興趣的朋友不妨來(lái)看看。本文介紹的方法操作簡(jiǎn)單快捷，實(shí)用性強(qiáng)。下面就讓小編來(lái)帶大家學(xué)習(xí)“為什么css3要加前綴”吧!

因?yàn)镃SS3還未成為真正的標(biāo)準(zhǔn)，許多瀏覽器對(duì)其的支持程度不同，而且每個(gè)瀏覽器廠商對(duì)同一個(gè)樣式支持的寫法也不同，所以要加前綴來(lái)達(dá)到各個(gè)瀏覽器兼容。css3前綴就是用來(lái)確保新屬性可以在特定的瀏覽器渲染引擎下被識(shí)別和生效。

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

使用過(guò)CSS3屬性的同學(xué)都知道，CSS3屬性都需要帶各瀏覽器的前綴，甚至到現(xiàn)在，依然還有很多屬性需要帶前綴。這是為什么呢？

瀏覽器廠商以前就一直在實(shí)施CSS3，但它還未成為真正的標(biāo)準(zhǔn)。

因?yàn)閏ss3很多屬性還沒有確定下來(lái)，標(biāo)準(zhǔn)規(guī)范還沒有發(fā)布，許多瀏覽器支持的程度也不同，而且每個(gè)瀏覽器廠商同一個(gè)樣式支持的寫法也不同，所以要加前綴來(lái)達(dá)到各個(gè)瀏覽器兼容，將來(lái)統(tǒng)一了規(guī)范就不用寫前綴了。

css3前綴就是用來(lái)確保這種屬性可以在特定的瀏覽器渲染引擎下被識(shí)別和生效。

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

來(lái)看一個(gè)簡(jiǎn)單的示例，早期寫一個(gè)圓角 border-radius ，需要這樣寫：

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

這些是為了兼容老版本的寫法，該瀏覽器不支持新屬性而導(dǎo)致用戶體驗(yàn)友好度降低；比較新版本的瀏覽器都支持直接寫：border-radius。

使用前綴則能很好地匹配到較低版本的瀏覽器，并正常顯示樣式。

到此，相信大家對(duì)“為什么css3要加前綴”有了更深的了解，不妨來(lái)實(shí)際操作一番吧！這里是億速云網(wǎng)站，更多相關(guān)內(nèi)容可以進(jìn)入相關(guān)頻道進(jìn)行查詢，關(guān)注我們，繼續(xù)學(xué)習(xí)！