CSS3
CSS3是CSS（層疊樣式表）技術(shù)的升級版本，于1999年開始制訂，2001年5月23日W3C完成了CSS3的工作草案，主要包括盒子模型、列表模塊、超鏈接方式、語言模塊、背景和邊框、文字特效、多欄布局等模塊。
CSS演進(jìn)的一個主要變化就是W3C決定將CSS3分成一系列模塊。瀏覽器廠商按CSS節(jié)奏快速創(chuàng)新，因此通過采用模塊方法，CSS3規(guī)范里的元素能以不同速度向前發(fā)展，因?yàn)椴煌臑g覽器廠商只支持給定特性。但不同瀏覽器在不同時間支持不同特性，這也讓跨瀏覽器開發(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é)合了其他元素，對原有的功能進(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
讓一個盒子水平垂直居中
2D轉(zhuǎn)換之rotate
CSS3 三角
設(shè)置轉(zhuǎn)換中心點(diǎn)
旋轉(zhuǎn)中心點(diǎn)案例
2D轉(zhuǎn)換之scale
圖片放大案例
分頁按鈕案例
2D轉(zhuǎn)換綜合寫法以及順序問題
CSS3動畫基本使用
動畫序列
CSS3動畫常見屬性
CSS3動畫簡寫
大數(shù)據(jù)熱點(diǎn)圖案例
速度曲線之steps步長
16-奔跑的熊大案例
五、3D轉(zhuǎn)換和旋轉(zhuǎn)木馬案例
認(rèn)識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新特性，例如語義特性、本地存儲特性、設(shè)備兼容特性、連接特性、網(wǎng)頁多媒體特性、三維、圖形及特效特性、性能和繼承特性、CSS3特性，可以使用HTML5+CSS3實(shí)現(xiàn)炫酷動畫效果，熟悉VSCode編輯器基本使用。
另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內(nèi)外云服務(wù)器15元起步，三天無理由+7*72小時售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務(wù)可用性高、性價比高”等特點(diǎn)與優(yōu)勢，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場景需求。
重慶分公司
重慶分公司
