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