内边距:用来隔开元素和内容的间距,代码padding。
外边距:用来隔开元素与元素之间的间距,代码margin。
何时使用外边距(margin)?
1、需要在边框(border)外侧添加空白时。
2、空白处不需要背景色时。
3、上下相连的两个盒子之间的空白,需要相互抵消时。如15px+20px的外边距(margin),将得到20px的空白。
何时使用内边距(padding)?
1、需要在边框(border)内测添加空白时。
2、空白处需要背景(色)时。
3、上下相连的两个盒子之间的空白,希望等于两者之和时。如15px+20px的内边距(padding),将得到35px的空白。