一：CSS如何工作

1:DOM

當瀏覽器顯示文檔時，它必須將文檔的內容與其樣式信息結合。它分兩個階段處理文檔：

1. 瀏覽器將 HTML 和 CSS 轉化成 DOM （文檔對象模型）。DOM在計算機內存中表示文檔。它把文檔內容和其樣式結合在一起。
2. 瀏覽器顯示 DOM 的內容。

DOM是一種樹形結構. 標記語言中的每個元素,屬性,文本片段都變為一個 DOM 節點。這些節點由它們與其它 DOM 節點的關系來定義。

2:選擇器

選擇器是一種模式，它能在頁面上匹配一些元素。將聲明的樣式僅被應用到被選擇的元素上。

3:層疊與繼承

一個元素可以被多個選擇器所匹配，因此，一個給定的屬性可能被多個規則設置多次。 CSS 定義了哪個規則比其它規則更具優先級，則更具優先級的規則必定被應用：這被稱為層疊算法（cascade algorithm）。

繼承：子元素自動繼承父元素的樣式。

4:@-規則

@-規則(At-rules)在CSS中被用來傳遞元數據、條件信息或其它描述性信息。

• @charset 和 @import （元數據）
• @media 或 @document 或@supports（條件信息，又被稱為嵌套語句：在特定條件匹配時才會應用到文檔上。)
• @font-face （描述性信息）

5:代碼可讀性

1）使用空格、縮進

2）使用註釋 /*註解*/

3）簡寫屬性： font，background，padding，border，和 margin 等被稱為簡寫屬性，允許你在一行設置多個屬性（

第三天：MDN CSS學習筆記