css 代码中何时使用margin,何时使用padding呢?


摘要:
下文讲述css代码中margin和padding属性的应用场景,如下所示;


margin,padding属性简介

margin属性功能:
设置外边距
padding属性功能:
设置元素内边距

  margin应用场景:
      需要在一个元素的Border外面设置空白区域时,
      此时可使用margin关键字,
      由于margin属于指定元素外,所以指定元素的背景色无法应用至margin上
     注意事项:
        当紧邻的两个元素都设置margin外边距,则取最大的一个外边距
                

  padding应用场景:
     需要在一个元素Border内设置空白区域时,
     此时可使用padding关键字
     padding所产生的边距属于当前元素的一部分,
     所以当前元素的背景信息会应用之padding中
     相邻元素都设置了padding信息后,
     则总padding等于同方向上的两个padding相加