用 margin 仍是用 padding ？

邊界（margin）：元素周圍生成額外的空白區。「空白區」一般是指其餘元素不能出現且父元素背景可見的區域。

補白（padding）：補白位於元素框的邊界與內容區之間。很天然，用於影響這個區域的屬性是padding。

——CSS權威指南

什麼時候應當使用 margin ？

• 須要在border外側添加空白時。
• 空白處不須要背景（色）時。
• 上下相連的兩個盒子之間的空白，須要相互抵消時（如 15px + 20px 的 margin，將獲得 20px 的空白）。
• margin 是用來隔開元素與元素的間距
• margin用於佈局分開元素使元素與元素互不相干。

什麼時候應當時用 padding ？

• 須要在border內測添加空白時。
• 空白處須要背景（色）時。
• 上下相連的兩個盒子之間的空白，但願等於二者之和時（如 15px + 20px 的 padding，將獲得 35px 的空白）。
• padding 是用來隔開元素與內容的間隔。
• padding 用於元素與內容之間的間隔，讓內容（文字）與（包裹）元素之間有一段「呼吸距離」。

參考資料：http://www.hicss.net/use-marg...