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規(guī)范的當(dāng)前最新版本，也代表了一系列Web相關(guān)技術(shù)的總稱，其中最重要的3項(xiàng)技術(shù)就是HTML5核心規(guī)范，CSS3和JavaScript。HTML5為用戶提供了一個(gè)新增元素Canvas,以及伴隨這個(gè)元素而來的一套編程接口--Canvas API,可以在頁面上繪制出任何用戶想要的、非常漂亮的圖形與圖像；CSS3新增了一些用來實(shí)現(xiàn)動畫效果的屬性，通過這些屬性可以實(shí)現(xiàn)以前通常需要使用JavaScript或Flash才能實(shí)現(xiàn)的效果；在技術(shù)層面上，HTML5+CSS3互相配合與支持可進(jìn)行響應(yīng)式Web設(shè)計(jì)。本模塊將對HTML5的過渡，變形，動畫，畫布、響應(yīng)式網(wǎng)頁設(shè)計(jì)等高級特性進(jìn)行詳細(xì)講解。

就目前而言CSS3并沒有完全統(tǒng)一，還在不斷完善新的屬性，也沒有一款能完美兼容所有CSS3標(biāo)準(zhǔn)的瀏覽器,瀏覽器廠商為了實(shí)現(xiàn)這些屬性，采用前綴方法,CSS3的瀏覽器私有屬性前綴是一個(gè)瀏覽器生產(chǎn)商經(jīng)常使用的一種方式,各大廠商前綴列表如圖6-1所示。                           

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

例如，一個(gè)CSS3圓角的代碼格式如下：

CSS3代碼中（暫時(shí)）需要寫上這么多前綴，他們的書寫順序是是先寫私有的CSS3屬性，再寫標(biāo)準(zhǔn)的CSS3屬性, 代碼格式如下:

什么時(shí)候我們可以去掉一個(gè)屬性的CSS3前綴呢？答案是，當(dāng)一個(gè)屬性成為標(biāo)準(zhǔn)，并且被Firefox、Chrome等瀏覽器的最新版普遍兼容的時(shí)候。以border-radius為例：

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

我們知道CSS3的很多屬性為實(shí)驗(yàn)屬性， prefixfree.js解決方案，可以幫你自動識別瀏覽器，生成對應(yīng)的CSS3樣式前綴，這樣就可以直接當(dāng)作標(biāo)準(zhǔn)屬性來使用了。引用方式格式如下：

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