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。