學(xué)習(xí)H5和CSS3需要會(huì)哪些知識(shí)點(diǎn)呢

CSS3

CSS3是CSS（層疊樣式表）技術(shù)的升級(jí)版本，于1999年開始制訂，2001年5月23日W3C完成了CSS3的工作草案，主要包括盒子模型、列表模塊、超鏈接方式、語言模塊、背景和邊框、文字特效、多欄布局等模塊。

CSS演進(jìn)的一個(gè)主要變化就是W3C決定將CSS3分成一系列模塊。瀏覽器廠商按CSS節(jié)奏快速創(chuàng)新，因此通過采用模塊方法，CSS3規(guī)范里的元素能以不同速度向前發(fā)展，因?yàn)椴煌臑g覽器廠商只支持給定特性。但不同瀏覽器在不同時(shí)間支持不同特性，這也讓跨瀏覽器開發(fā)變得復(fù)雜。

HTML5 

HTML5 技術(shù)結(jié)合了 HTML4.01 的相關(guān)標(biāo)準(zhǔn)并革新，符合現(xiàn)代網(wǎng)絡(luò)發(fā)展要求，在 2008 年正式發(fā)布。HTML5 由不同的技術(shù)構(gòu)成，其在互聯(lián)網(wǎng)中得到了非常廣泛的應(yīng)用，提供更多增強(qiáng)網(wǎng)絡(luò)應(yīng)用的標(biāo)準(zhǔn)機(jī)。與傳統(tǒng)的技術(shù)相比，HTML5 的語法特征更加明顯，并且結(jié)合了 SVG 的內(nèi)容。這些內(nèi)容在網(wǎng)頁中使用可以更加便捷地處理多媒體內(nèi)容，而且 HTML5中還結(jié)合了其他元素，對(duì)原有的功能進(jìn)行調(diào)整和修改，進(jìn)行標(biāo)準(zhǔn)化工作。

　　一、vscode編輯器基本使用
　　vscode 基本使用
　　vscode插件安裝

　　二、 HTML5新增標(biāo)簽
　　什么是HTML5
　　HTML5新增標(biāo)簽
　　多媒體音頻標(biāo)簽
　　多媒體視頻標(biāo)簽
　　HTML5新增input標(biāo)簽
　　HTML5新增表單屬性

　　三、CSS3新增選擇器及案例
　　CSS3屬性選擇器（上）
　　CSS3結(jié)構(gòu)偽類選擇器（上）
　　nth-child(n)
　　nth-child和nth-of-type的區(qū)別
　　CSS3偽元素選擇器
　　偽元素選擇器案例

　　四、2D轉(zhuǎn)換及相關(guān)案例實(shí)現(xiàn)
　　2D轉(zhuǎn)換之translate
　　讓一個(gè)盒子水平垂直居中
　　2D轉(zhuǎn)換之rotate
　　CSS3 三角
　　設(shè)置轉(zhuǎn)換中心點(diǎn)
　　旋轉(zhuǎn)中心點(diǎn)案例
　　2D轉(zhuǎn)換之scale
　　圖片放大案例
　　分頁按鈕案例
　　2D轉(zhuǎn)換綜合寫法以及順序問題
　　CSS3動(dòng)畫基本使用
　　動(dòng)畫序列
　　CSS3動(dòng)畫常見屬性
　　CSS3動(dòng)畫簡寫
　　大數(shù)據(jù)熱點(diǎn)圖案例
　　速度曲線之steps步長
　　16-奔跑的熊大案例

　　五、3D轉(zhuǎn)換和旋轉(zhuǎn)木馬案例
　　認(rèn)識(shí)3D轉(zhuǎn)換
　　3D轉(zhuǎn)換translate3d
　　透視perspective
　　translateZ
　　3D旋轉(zhuǎn)rotateX
　　3D旋轉(zhuǎn)rotateY
　　3D旋轉(zhuǎn)rotateZ
　　3D呈現(xiàn)transform-style
　　兩面翻轉(zhuǎn)盒子案例
　　3D導(dǎo)航欄
　　綜合案例-旋轉(zhuǎn)木馬案例
　　瀏覽器私有前綴以及總結(jié)

　　精通HTML5+CSS3需要掌握HTML5+CSS3新特性，例如語義特性、本地存儲(chǔ)特性、設(shè)備兼容特性、連接特性、網(wǎng)頁多媒體特性、三維、圖形及特效特性、性能和繼承特性、CSS3特性，可以使用HTML5+CSS3實(shí)現(xiàn)炫酷動(dòng)畫效果，熟悉VSCode編輯器基本使用。