學習H5和CSS3需要會哪些知識點呢

CSS3

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

CSS演進的一個主要變化就是W3C決定將CSS3分成一系列模塊。瀏覽器廠商按CSS節奏快速創新，因此通過采用模塊方法，CSS3規范里的元素能以不同速度向前發展，因為不同的瀏覽器廠商只支持給定特性。但不同瀏覽器在不同時間支持不同特性，這也讓跨瀏覽器開發變得復雜。

HTML5 

HTML5 技術結合了 HTML4.01 的相關標準并革新，符合現代網絡發展要求，在 2008 年正式發布。HTML5 由不同的技術構成，其在互聯網中得到了非常廣泛的應用，提供更多增強網絡應用的標準機。與傳統的技術相比，HTML5 的語法特征更加明顯，并且結合了 SVG 的內容。這些內容在網頁中使用可以更加便捷地處理多媒體內容，而且 HTML5中還結合了其他元素，對原有的功能進行調整和修改，進行標準化工作。

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

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

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

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

　　五、3D轉換和旋轉木馬案例
　　認識3D轉換
　　3D轉換translate3d
　　透視perspective
　　translateZ
　　3D旋轉rotateX
　　3D旋轉rotateY
　　3D旋轉rotateZ
　　3D呈現transform-style
　　兩面翻轉盒子案例
　　3D導航欄
　　綜合案例-旋轉木馬案例
　　瀏覽器私有前綴以及總結

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