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

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

什么是HTML5？

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

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

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

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

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

• 用于繪畫(huà)的 canvas 元素。

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

• 對(duì)本地離線(xiàn)存儲(chǔ)的更好的支持。

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

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

什么是CSS3？

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

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

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

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

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

新增特性

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

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