CSS3
創(chuàng)新互聯(lián)公司是專業(yè)的海原網(wǎng)站建設(shè)公司,海原接單;提供成都做網(wǎng)站、網(wǎng)站制作、成都外貿(mào)網(wǎng)站建設(shè),網(wǎng)頁設(shè)計,網(wǎng)站設(shè)計,建網(wǎng)站,PHP網(wǎng)站建設(shè)等專業(yè)做網(wǎng)站服務(wù);采用PHP框架,可快速的進行海原網(wǎng)站開發(fā)網(wǎng)頁制作和功能擴展;專業(yè)做搜索引擎喜愛的網(wǎng)站,專業(yè)的做網(wǎng)站團隊,希望更多企業(yè)前來合作!
CSS3是CSS(層疊樣式表)技術(shù)的升級版本,于1999年開始制訂,2001年5月23日W3C完成了CSS3的工作草案,主要包括盒子模型、列表模塊、超鏈接方式、語言模塊、背景和邊框、文字特效、多欄布局等模塊。
CSS演進的一個主要變化就是W3C決定將CSS3分成一系列模塊。瀏覽器廠商按CSS節(jié)奏快速創(chuàng)新,因此通過采用模塊方法,CSS3規(guī)范里的元素能以不同速度向前發(fā)展,因為不同的瀏覽器廠商只支持給定特性。但不同瀏覽器在不同時間支持不同特性,這也讓跨瀏覽器開發(fā)變得復(fù)雜。
HTML5
HTML5 技術(shù)結(jié)合了 HTML4.01 的相關(guān)標準并革新,符合現(xiàn)代網(wǎng)絡(luò)發(fā)展要求,在 2008 年正式發(fā)布。HTML5 由不同的技術(shù)構(gòu)成,其在互聯(lián)網(wǎng)中得到了非常廣泛的應(yīng)用,提供更多增強網(wǎng)絡(luò)應(yīng)用的標準機。與傳統(tǒng)的技術(shù)相比,HTML5 的語法特征更加明顯,并且結(jié)合了 SVG 的內(nèi)容。這些內(nèi)容在網(wǎng)頁中使用可以更加便捷地處理多媒體內(nèi)容,而且 HTML5中還結(jié)合了其他元素,對原有的功能進行調(diào)整和修改,進行標準化工作。
一、vscode編輯器基本使用
vscode 基本使用
vscode插件安裝
二、 HTML5新增標簽
什么是HTML5
HTML5新增標簽
多媒體音頻標簽
多媒體視頻標簽
HTML5新增input標簽
HTML5新增表單屬性
三、CSS3新增選擇器及案例
CSS3屬性選擇器(上)
CSS3結(jié)構(gòu)偽類選擇器(上)
nth-child(n)
nth-child和nth-of-type的區(qū)別
CSS3偽元素選擇器
偽元素選擇器案例
四、2D轉(zhuǎn)換及相關(guān)案例實現(xiàn)
2D轉(zhuǎn)換之translate
讓一個盒子水平垂直居中
2D轉(zhuǎn)換之rotate
CSS3 三角
設(shè)置轉(zhuǎn)換中心點
旋轉(zhuǎn)中心點案例
2D轉(zhuǎn)換之scale
圖片放大案例
分頁按鈕案例
2D轉(zhuǎn)換綜合寫法以及順序問題
CSS3動畫基本使用
動畫序列
CSS3動畫常見屬性
CSS3動畫簡寫
大數(shù)據(jù)熱點圖案例
速度曲線之steps步長
16-奔跑的熊大案例
五、3D轉(zhuǎn)換和旋轉(zhuǎ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實現(xiàn)炫酷動畫效果,熟悉VSCode編輯器基本使用。