一、从扮演浏览器开始
扮演浏览器是Head First图书中很有意义的一个环节。可作者忘记了告诉我们扮演浏览器的台本。我们从这里开始。
上图是webkit内核渲染html和css的流程图。从该图我们可以知道以下几个关键信息：
- HTML的解析过程和CSS的解析过程是独立完成的。HTML被解析成DOM树；CSS被解析成样式规则。
- HTML与CSS在被解析后，会结合在一起形成视图，然后被绘制。显示。
二、导图
导图是该系列文章的安排目录，一定程度上参考了王福朋先生的《》。
三、概念扫盲（对，这是发生在正文之前的知识点。）
1、规则：CSS 规则由选择器，以及一条或多条声明两个部分构成。
2、选择器：选择器通常是您需要改变样式的 HTML 元素。
3、声明：声明是您要设置的样式（每条声明由一个属性和一个值组成）。
4、属性：属性是您希望设置的样式属性（每个属性有一个值，属性和值被冒号分开）。