1.首先，用一張圖認識框模型
元素框的最內部分是實際的內容，直接包圍內容的是內邊距。內邊距呈現了元素的背景。內邊距的邊緣是邊框。邊框以外是外邊距，外邊距默認是透明的，因此不會遮擋其後的任何元素。
提示：背景應用於由內容和內邊距、邊框組成的區域。
2.內邊距、邊框和外邊距都是可選的，默認值是零。但是爲了防止一些瀏覽器默認設置，我們使用以下代碼把他們默認值都置爲0；
* { margin: 0; padding: 0;}
3.在 CSS 中，width 和 height 指的是內容區域的寬度和高度。增加內邊距、邊框和外邊距不會影響內容區域的尺寸，但是會增加元素框的總尺寸。
4.外邊距合併：當兩個垂直外邊距相遇時，它們將形成一個外邊距。合併後的外邊距的高度等於兩個發生合併的外邊距的高度中的較大者。
我覺得這幾點是最重要的。