[轉]CSS 那麼多屬性，並且每一個屬性都有多個值怎麼記？

CSS的本質能夠分爲宏觀與微觀兩方面。 宏觀上它的存在就是爲了控制頁面的顯示樣式。包括佈局，顏色，字體等。微觀上則是實現這種控制功能的各類屬性的定義和工做原理。
    瞭解定義就能幹活，知道原理才能把活幹好。

     題主說屬性太多，其實CSS就是去控制樣式而已，網頁樣式是借鑑於傳統的報紙等印刷品的排版。你隨便在身邊找一份報紙或者雜誌的一頁，用CSS儘量的還原出來。總體佈局還原出來問題應該不大，可是具體到細節的時候可能會有不少問題，好比出來的效果老是跟想的不同。這個時候就該去看看單個屬性的工做原理，好比margin是用來控制外邊距的可是用%的時候它是怎麼計算的最終值呢？當發現出乎意料的時候就去查一下屬性的定義和值的計算方法。
經常使用基礎樣式如圖：

Tips：

• 經常使用CSS屬性margin和padding的%取值是基於包含塊（離元素最近的塊級祖先元素）的寬,注意是寬。

• 行內元素相關的內容區、行內框、基線這幾個概念很重要。

• inline-block是，內部被解析爲塊級元素，自身被解析爲行內元素。

• background-image能夠同時爲一個元素設置多個背景圖配合background-position能夠組合出神奇的效果。

• 浮動的元素會消除外邊距重合，浮動的元素會被解析爲塊級元素。

• top,right,bottom,left,z-index這些屬性只有用在定位元素(除了position爲static值)上纔有效。

• overflow的值設置爲scroll，在移動端能夠作橫向滑動效果。

• 除了作表格不要用table佈局。

做者：韓雙力連接：https://www.zhihu.com/question/31317160/answer/85833065來源：知乎