html5是超文本標(biāo)記語言HTML的第五次重大修改版本，其目的主要是讓W(xué)eb開發(fā)人員和瀏覽器創(chuàng)建者更容易遵循基于共識的標(biāo)準(zhǔn)，從而提高合規(guī)性并增強其合規(guī)性。css3是CSS技術(shù)的升級版本，是一種用來表現(xiàn)HTML或XML等文件樣式的計算機語言。

本教程操作環(huán)境：windows7系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。

什么是HTML5？

HTML5是超文本標(biāo)記語言（HTML）的修訂版，第五次重大修改版本；而HTML是用于描述網(wǎng)頁內(nèi)容和外觀的標(biāo)準(zhǔn)編程語言。HTML5支持傳統(tǒng)的HTML和XHTML樣式語法以及其標(biāo)記，新API，XHTML和錯誤處理中的其他新功能。

開發(fā)HTML5是為了解決影響當(dāng)前標(biāo)準(zhǔn)HTML4的兼容性問題。HTML5與該標(biāo)準(zhǔn)的先前版本之間的最大區(qū)別之一是舊版本的HTML需要專有插件和API。（這就是為什么在一個瀏覽器中構(gòu)建和測試的網(wǎng)頁可能無法在另一個瀏覽器中正確加載的原因。）HTML5提供了一個通用接口，使加載元素更容易。例如，不需要在HTML5中安裝Flash插件，因為該元素將自行運行。

HTML5的目的主要是讓W(xué)eb開發(fā)人員和瀏覽器創(chuàng)建者更容易遵循基于共識的標(biāo)準(zhǔn)，從而提高合規(guī)性并增強其合規(guī)性。它還旨在為桌面和移動訪問者提供更好，更快，更一致的用戶體驗。

HTML5的設(shè)計目標(biāo)之一是支持移動設(shè)備上的多媒體。引入了新的語法功能來支持這一功能，例如視頻，音頻和畫布標(biāo)簽。HTML5還引入了新功能，可以真正改變用戶與文檔交互的方式。

HTML5 中的一些有趣的新特性：

• 用于繪畫的 canvas 元素。

• 用于媒介回放的 video 和 audio 元素

• 對本地離線存儲的更好的支持。

• 新的特殊內(nèi)容元素，比如 article、footer、header、nav、section。

• 新的表單控件，比如 calendar、date、time、email、url、search。

什么是CSS3？

CSS是Cascading Style Sheets（層疊樣式表）的簡稱，它是一種用來表現(xiàn)HTML（標(biāo)準(zhǔn)通用標(biāo)記語言的一個應(yīng)用）或XML（標(biāo)準(zhǔn)通用標(biāo)記語言的一個子集）等文件樣式的計算機語言。

CSS 能夠?qū)W(wǎng)頁中元素位置的排版進行像素級精確控制，支持幾乎所有的字體字號樣式，擁有對網(wǎng)頁對象和模型樣式編輯的能力。

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

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

CSS3原理同CSS，是在網(wǎng)頁中自定義樣式表的選擇符，然后在網(wǎng)頁中大量引用這些選擇符。

新增特性

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

（學(xué)習(xí)視頻分享：css視頻教程、web前端入門教程）