word; clear: both; text-indent: 28px; color: rgb(24, 30, 51); font-family: PingFangSC, 微軟雅黑, 黑體, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);">

word; clear: both; text-indent: 28px; color: rgb(24, 30, 51); font-family: PingFangSC, 微軟雅黑, 黑體, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);">HTML5不僅僅是Html規范的當前最新版本，也代表了一系列Web相關技術的總稱，其中最重要的3項技術就是HTML5核心規范，CSS3和JavaScript。HTML5為用戶提供了一個新增元素Canvas,以及伴隨這個元素而來的一套編程接口--Canvas API,可以在頁面上繪制出任何用戶想要的、非常漂亮的圖形與圖像；CSS3新增了一些用來實現動畫效果的屬性，通過這些屬性可以實現以前通常需要使用JavaScript或Flash才能實現的效果；在技術層面上，HTML5+CSS3互相配合與支持可進行響應式Web設計。本模塊將對HTML5的過渡，變形，動畫，畫布、響應式網頁設計等高級特性進行詳細講解。

就目前而言CSS3并沒有完全統一，還在不斷完善新的屬性，也沒有一款能完美兼容所有CSS3標準的瀏覽器,瀏覽器廠商為了實現這些屬性，采用前綴方法,CSS3的瀏覽器私有屬性前綴是一個瀏覽器生產商經常使用的一種方式,各大廠商前綴列表如圖6-1所示。                           

                           圖6-1 瀏覽器廠商前綴表示

例如，一個CSS3圓角的代碼格式如下：

CSS3代碼中（暫時）需要寫上這么多前綴，他們的書寫順序是是先寫私有的CSS3屬性，再寫標準的CSS3屬性, 代碼格式如下:

什么時候我們可以去掉一個屬性的CSS3前綴呢？答案是，當一個屬性成為標準，并且被Firefox、Chrome等瀏覽器的最新版普遍兼容的時候。以border-radius為例：

Firefox、Safari以及Chrome都支持border-radius屬性了，我們就沒有必要寫以上兩條了，代碼格式如下：

我們知道CSS3的很多屬性為實驗屬性， prefixfree.js解決方案，可以幫你自動識別瀏覽器，生成對應的CSS3樣式前綴，這樣就可以直接當作標準屬性來使用了。引用方式格式如下：

注意：本模塊中的所有案例假設都是引用了prefixfree.js來解決引用前綴的問題