外边距margin-学习笔记

值： [< length > | < percentage > | auto ] {1,4} | inherit
初始值：未定义
百分数：相对于父元素的width计算

 h1 {margin: 10px 20px 15px 5px}
             top  right bottom left. 

从上（top）开始围着元素顺时针旋转。单位：px in em ex等等。

值复制：

以下两种写法效果一样

  p {margin: 0.25em 1em 0.25em 1em}  
  p {margin: 0.25em 1em}  

若缺left ———> 使用right的值
若缺bottom ———> 使用top的值
若缺right ———> 使用top的值

margin合并现象

相邻margin会发生合并现象，两个margin中较小的一个会被较大的一个合并。

• 若是正的，margin取两个的最大值
• 若是负的，则取绝对值的最大值
• 若一正一负，正margin-负margin的绝对值，+margin-|-margin|