溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
本篇內容主要講解“為什么css3要加前綴”，感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷，實用性強。下面就讓小編來帶大家學習“為什么css3要加前綴”吧!
因為CSS3還未成為真正的標準，許多瀏覽器對其的支持程度不同，而且每個瀏覽器廠商對同一個樣式支持的寫法也不同，所以要加前綴來達到各個瀏覽器兼容。css3前綴就是用來確保新屬性可以在特定的瀏覽器渲染引擎下被識別和生效。
本教程操作環境：windows7系統、CSS3&&HTML5版、Dell G3電腦。
使用過CSS3屬性的同學都知道，CSS3屬性都需要帶各瀏覽器的前綴，甚至到現在，依然還有很多屬性需要帶前綴。這是為什么呢？
瀏覽器廠商以前就一直在實施CSS3，但它還未成為真正的標準。
因為css3很多屬性還沒有確定下來，標準規范還沒有發布，許多瀏覽器支持的程度也不同，而且每個瀏覽器廠商同一個樣式支持的寫法也不同，所以要加前綴來達到各個瀏覽器兼容，將來統一了規范就不用寫前綴了。
css3前綴就是用來確保這種屬性可以在特定的瀏覽器渲染引擎下被識別和生效。
| 前綴 | 瀏覽器 | 內核 |
|---|---|---|
| -ms- | IE瀏覽器 | Trident內核 |
| -moz- | Firefox | Gecko內核 |
| -o- | Opera | Presto內核 |
| -webkit- | Chrome和Safari | Webkit內核 |
目前已有很多私有前綴可以不寫了，但為了兼容老版本的瀏覽器，可以仍沿用私有前綴和標準方法，逐漸過渡。
來看一個簡單的示例，早期寫一個圓角 border-radius ，需要這樣寫：
.box {
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-o-border-radius: 5px;
}這些是為了兼容老版本的寫法，該瀏覽器不支持新屬性而導致用戶體驗友好度降低；比較新版本的瀏覽器都支持直接寫：border-radius。
使用前綴則能很好地匹配到較低版本的瀏覽器，并正常顯示樣式。
到此，相信大家對“為什么css3要加前綴”有了更深的了解，不妨來實際操作一番吧！這里是億速云網站，更多相關內容可以進入相關頻道進行查詢，關注我們，繼續學習！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
