什么是W3C標準？

W3C標準不是一個標準，而是一系列標準的集合，包含三部分的標準：結構標準、表現標準和動作標準。與結構標準對應的代表語言是xHTML，與表現標準對應的代表語言是CSS，與動作標準對應的代表語言是JavaScript。

當我們將一個成品的網頁設計制作成一個靜態頁面的時候，就要符合前面兩種標準，結構標準和表現標準，那么制作出來的頁面就是標準頁面，用他們相對應的語言來描述這種制作標準頁面的技術我們就稱之為“xHTML+CSS”！

1）行內樣式：

行內樣式是4種樣式中最直接最簡單的一種，直接對HTML標簽使用style=""，例如：

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

2）內嵌樣式：

內嵌樣式，大家也許已經意識到，即使有公共CSS代碼，也是每個頁面都要定義的，如果一個網站有很多頁面，每個文件都會變大，后期維護難度也大，如果文件很少，CSS代碼也不多，這種樣式還是很不錯的。

3）鏈接樣式：

這種樣式將HTML文件和CSS文件徹底分成兩個或者多個文件，實現了頁面框架HTML代碼與表現CSS代碼的完全分離，使得前期制作和后期維護都十分方便，并且如果要保持頁面風格統一，只需要把這些公共的CSS文件單獨保存成一個文件，其他的頁面就可以分別調用自身的CSS文件，如果需要改變網站風格，只需要修改公共CSS文件就OK了，相當的方便，這才是我們xHTML+CSS制作頁面提倡的樣式。

4)導入樣式

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

四種樣式的優先級按照“就近原則”：行內樣式 > 內嵌樣式 > 鏈接樣式 > 導入樣式。

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

【標簽選擇器】

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

【ID選擇器】

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