用Margin还是用Padding

用margin还是用padding这个问题是每个学习css进阶时的必经之路
css编剧属性定义元素周围的控件，通过使用单独的属性，可以对上右下左的外边距进行设置，也可以使用简写的外边距属性同时改变所有的外边距。

边界(margin) ：元素周围生产额外的空白区。"空白区"通常是指其他元素不能出现且父元素背景可见的区域

内边距(padding)：其判断的一句即边框离内容正文的距离，通俗讲就是："补白"：补白位于元素框的边界和内容区之间。

关于什么时候用margin什么时候用padding，网上有许许多多的议论，大多数似乎讨论到点上，但是又有一点隔靴搔痒的感觉，总是感觉答不到点子上。而且margin 和 padding在许多地方往往效果都是一模一样，而且你也不能说这个一定的用margin那个一定得用padding，因为实际效果一样。你说margin用起来好，她说padding用起来好，往往争论无果，根据网上得总结归纳大致发现这几条还是比较靠谱得：

何时使用margin

需要在border外侧添加空白时
空白处不需要背景色
上下相连得两个盒子之间得空白，需要相互抵消时，比如 15px + 20px得margin。得到20px得空白

何时使用padding

需要在border内侧添加空白时
空白处需要背景时候
上下相连得两个盒子之间得空白，希望等于两者之和时。如15px + 20px得padding。得到35px得空白

个人认为：margin是用来隔开元素与元素得间距；padding是用来隔开元素与内容的间隔。margin用于布局分开元素使元素互不相干;padding用于元素与内容之间的间距，让内容与元素之间有一段 ’呼吸距离‘

所谓大道万千，运用之妙存乎一心。该用margin的时候就大胆的用他，该用padding也不用退缩不前，实战中累积出来的经验往往是最有用的，而当你不确定是用margin好还是用padding，请在看看这个原则吧，或许你会有一个自己的答案。