用 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...