1、基本規則

CSS的主要功能就是將某些規則應用于文檔中同一類型的元素，而不需要去DOM中逐個加入內聯樣式。

2、規則結構

h1 {
    color: red;
}

h1：選擇符
{ color: red; }：聲明
color：屬性
red：值

3、聲明

如果有一個不正確的屬性被用于聲明中，那么，整條聲明將被忽略，因為即使值是正確的，屬性也不正確。

如果某個值不正確，多數情況下只有那個值被忽略。

4、類和ID有什么區別？

(1) 首先，類可以分配給任何數量的元素，ID卻只能在某個HTML文檔中使用一次。
(2) ID對給定元素應用何種樣式比類具有更高的優先權。

5、偽類和偽元素

(1)、偽類：

a:link { color: #FF0000; }  //未訪問的鏈接
a:visited { color: #00FF00; }  //已訪問的鏈接
a:hover { color: #FF00FF; }  //鼠標移動到鏈接上
a:active { color: #0000FF; }  //選定的鏈接

(2)、偽元素

CSS1中有兩個偽元素：:first-letter 和 :first-line

應用于段落這樣的塊級元素中，首字母和首行。

之所以 :first-letter 和 :first-line 被當做偽元素引用，是因為它們在效果上使文檔中產生了一個臨時元素，這就是應用"虛構標記"的一個最典型的實例。

從理論上講，偽元素 :first-line 是如何工作的？

例如：

p:first-line { color: gray; }

<p>This is a paragraph of text which has only one style applied to it.
 that style causes the first line to be gray</p>

瀏覽器會解析并生成下面的虛擬標記：

<p><p:first-line> This is a paragraph of text which has only </p:first-line> 
one style applied to it. that style causes the first line to be gray</p>

展示后，這些虛擬標記會被刪除。

6、結構

7、繼承

將文檔視為一棵樹是很重要的，其中一個原因就是：CSS的一個主要特征就是繼承，它是依賴于祖先-后代關系的。繼承其實是一種機制，它允許樣式不僅應用于某個特定的元素，而且應用于其后代。

被繼承的值具有特殊性 0。