后端码农谈前端（CSS篇）第一课：CSS概述

一、从扮演浏览器开始

扮演浏览器是Head First图书中很有意义的一个环节。可作者忘记了告诉我们扮演浏览器的台本。我们从这里开始。

上图是webkit内核渲染html和css的流程图。从该图我们可以知道以下几个关键信息：

1. HTML的解析过程和CSS的解析过程是独立完成的。HTML被解析成DOM树；CSS被解析成样式规则。
2. HTML与CSS在被解析后，会结合在一起形成视图，然后被绘制。显示。

二、导图

导图是该系列文章的安排目录，一定程度上参考了王福朋先生的《学习CSS的思路》。

三、概念扫盲（对，这是发生在正文之前的知识点。）

1、规则：CSS 规则由选择器，以及一条或多条声明两个部分构成。

2、选择器：选择器通常是您需要改变样式的 HTML 元素。

3、声明：声明是您要设置的样式（每条声明由一个属性和一个值组成）。

4、属性：属性是您希望设置的样式属性（每个属性有一个值，属性和值被冒号分开）。