什么是W3C標(biāo)準(zhǔn)？

W3C標(biāo)準(zhǔn)不是一個(gè)標(biāo)準(zhǔn)，而是一系列標(biāo)準(zhǔn)的集合，包含三部分的標(biāo)準(zhǔn)：結(jié)構(gòu)標(biāo)準(zhǔn)、表現(xiàn)標(biāo)準(zhǔn)和動(dòng)作標(biāo)準(zhǔn)。與結(jié)構(gòu)標(biāo)準(zhǔn)對(duì)應(yīng)的代表語言是xHTML，與表現(xiàn)標(biāo)準(zhǔn)對(duì)應(yīng)的代表語言是CSS，與動(dòng)作標(biāo)準(zhǔn)對(duì)應(yīng)的代表語言是JavaScript。

當(dāng)我們將一個(gè)成品的網(wǎng)頁設(shè)計(jì)制作成一個(gè)靜態(tài)頁面的時(shí)候，就要符合前面兩種標(biāo)準(zhǔn)，結(jié)構(gòu)標(biāo)準(zhǔn)和表現(xiàn)標(biāo)準(zhǔn)，那么制作出來的頁面就是標(biāo)準(zhǔn)頁面，用他們相對(duì)應(yīng)的語言來描述這種制作標(biāo)準(zhǔn)頁面的技術(shù)我們就稱之為“xHTML+CSS”！

1）行內(nèi)樣式：

行內(nèi)樣式是4種樣式中最直接最簡(jiǎn)單的一種，直接對(duì)HTML標(biāo)簽使用style=""，例如：

1. <p style="color:#F00; background:#CCC; font-size:12px;"></p>
雖然這種方法比較直接，在制作頁面的時(shí)候需要為很多的標(biāo)簽設(shè)置style屬性，所以會(huì)導(dǎo)致HTML頁面不夠純凈，文件體積過大，不利于搜索蜘蛛爬行，從而導(dǎo)致后期維護(hù)成本高。

2）內(nèi)嵌樣式：

內(nèi)嵌樣式，大家也許已經(jīng)意識(shí)到，即使有公共CSS代碼，也是每個(gè)頁面都要定義的，如果一個(gè)網(wǎng)站有很多頁面，每個(gè)文件都會(huì)變大，后期維護(hù)難度也大，如果文件很少，CSS代碼也不多，這種樣式還是很不錯(cuò)的。

3）鏈接樣式：

這種樣式將HTML文件和CSS文件徹底分成兩個(gè)或者多個(gè)文件，實(shí)現(xiàn)了頁面框架HTML代碼與表現(xiàn)CSS代碼的完全分離，使得前期制作和后期維護(hù)都十分方便，并且如果要保持頁面風(fēng)格統(tǒng)一，只需要把這些公共的CSS文件單獨(dú)保存成一個(gè)文件，其他的頁面就可以分別調(diào)用自身的CSS文件，如果需要改變網(wǎng)站風(fēng)格，只需要修改公共CSS文件就OK了，相當(dāng)?shù)姆奖悖@才是我們xHTML+CSS制作頁面提倡的樣式。

4)導(dǎo)入樣式

導(dǎo)入樣式和鏈接樣式比較相似，采用import樣式導(dǎo)入CSS樣式表，在HTML初始化時(shí)，會(huì)被導(dǎo)入到HTML文件中，成為文件的一部分，類似第二種內(nèi)嵌樣式。  具體導(dǎo)入樣式和鏈接樣式有什么區(qū)別，可以參看這篇文章《CSS:@import與link的具體區(qū)別》，不過我還是建議大家用鏈接樣式！

四種樣式的優(yōu)先級(jí)按照“就近原則”：行內(nèi)樣式 > 內(nèi)嵌樣式 > 鏈接樣式 > 導(dǎo)入樣式。

CSS選擇器:選擇器是CSS的核心，從最初的元素、class/id選擇器，演進(jìn)到偽元素、偽類。
選擇器最基本的有四種：標(biāo)簽選擇器、ID選擇器、類選擇器、通用選擇器。

【標(biāo)簽選擇器】

一個(gè)完整的HTML頁面是有很多不同的標(biāo)簽組成，而標(biāo)簽選擇器，則是決定哪些標(biāo)簽采用相應(yīng)的CSS樣式。例子：p{font-size:12px;}。

【ID選擇器】

ID選擇器在某一個(gè)HTML頁面中只能使用一次，就像只有一個(gè)身份證 (ID)一樣，不重復(fù)！在頁面中使用ID選擇器更具有針對(duì)性。例子：#one{font-size:12px;}。