【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)化工作。HTML5 在 2012 年已形成了穩(wěn)定的版本。

?

【CSS3簡介】

CSS3的語法是建立在CSS原先版本基礎(chǔ)上的，它允許使用者在標(biāo)簽中指定特定的HTML元素而不必使用多余的class、ID或JavaScript。CSS選擇器中的大部分并不是在CSS3中新添加的，只是在之前的版本中沒有得到廣泛的應(yīng)用。

如果想嘗試實(shí)現(xiàn)一個(gè)干凈的、輕量級的標(biāo)簽以及結(jié)構(gòu)與表現(xiàn)更好的分離，高級選擇器是非常有用的，它們可以減少在標(biāo)簽中的class和ID的數(shù)量并讓設(shè)計(jì)師更方便地維護(hù)樣式表。

CSS3的新特征有很多，例如圓角效果、圖形化邊界、塊陰影與文字陰影、使用RGBA實(shí)現(xiàn)透明效果、漸變效果、使用@Font-Face實(shí)現(xiàn)定制字體、多背景圖、文字或圖像的變形處理（旋轉(zhuǎn)、縮放、傾斜、移動）、多欄布局、媒體查詢等。

?

【系統(tǒng)學(xué)習(xí)并掌握HTML5&CSS3】

尚硅谷HTML5+CSS3礎(chǔ)教程

https://www.bilibili.com/video/BV1XJ411X7Ud

課程詳情：

本套教程是尚硅谷李立超老師將前端學(xué)習(xí)的基礎(chǔ)內(nèi)容融匯為148節(jié)課，涵蓋了HTML、CSS、HTML5和CSS3的核心技術(shù)點(diǎn)。通過對本教程的學(xué)習(xí)，可以幫助初學(xué)者快速上手，并完成大部分靜態(tài)網(wǎng)頁的開發(fā)。

教程的具體內(nèi)容包括：基本的html標(biāo)簽、html5新標(biāo)簽、css的基本用法、盒子模型、浮動、定位、flexbox、css sprite、 iconfont、transform、transition、animation、media query、less、vs code、Photoshop等；還包含了移動端開發(fā)的基礎(chǔ)知識，如視口、移動端的適配等（這些內(nèi)容使我們可以在不應(yīng)用任何js代碼的情況下即完成移動端的適配）。除此之外，課程涵蓋 大量的CSS技巧、動畫、交互效果，對傳統(tǒng)浮動和定位的布局方式，以及CSS3中的彈性盒和響應(yīng)式布局都有深入講解。