后端碼農談前端（CSS篇）第一課：CSS概述

一、從扮演瀏覽器開始

扮演瀏覽器是Head First圖書中很有意義的一個環節。可作者忘記了告訴我們扮演瀏覽器的台本。我們從這里開始。

上圖是webkit內核渲染html和css的流程圖。從該圖我們可以知道以下幾個關鍵信息：

1. HTML的解析過程和CSS的解析過程是獨立完成的。HTML被解析成DOM樹；CSS被解析成樣式規則。
2. HTML與CSS在被解析后，會結合在一起形成視圖，然后被繪制。顯示。

二、導圖

導圖是該系列文章的安排目錄，一定程度上參考了王福朋先生的《學習CSS的思路》。

三、概念掃盲（對，這是發生在正文之前的知識點。）

1、規則：CSS 規則由選擇器，以及一條或多條聲明兩個部分構成。

2、選擇器：選擇器通常是您需要改變樣式的 HTML 元素。

3、聲明：聲明是您要設置的樣式（每條聲明由一個屬性和一個值組成）。

4、屬性：屬性是您希望設置的樣式屬性（每個屬性有一個值，屬性和值被冒號分開）。