甚么是Margin属性？

Margin属性是CSS中除padding外排布元素的一项基本属性，它是指顶点还有边沿之间的空隙大小。

Margin是一种非固定性的抽象度量单位，通常为以像素（pixel）、em（en空隙）等来定义的。使用Margin属性，可以通过控制元素之间的间距和上下左右侧距等，从而使得HTML页面显现适当的页面美感效果。

Margin属性的使用方法

Margin属性适用于所有HTML元素。

1. 设置元素的上下左右侧距，可以单独指定某个方向的边距：

<pstyle=margin-top:20px;margin-bottom:5px;margin-right:10px;margin-left:0px;>这是一个段落。</p>

2. 设置元素的上下左右侧距，也能够指定一个肯定的值，来设置所有方向的边距

<pstyle=margin:20px;>这也是一个段落。</p>

3. 设置元素之间的外边距堆叠（折叠）

当处于同一行的两个元素设置了上下margin值的时候，会取两个margin值中最大的那个，而另外一个margin的值就被疏忽掉了，这类现象称为外边距堆叠。

为了避免元素之间margin的外边距堆叠，可以给父元素加padding，或使用border从而抵消外边距上下叠加的重量。

4. 注：在使用margin属性时，如果带单位，如em、rem等个非固定的单位，那末其边距的设定会随着屏幕尺寸进行适配，即响应式的Margin设定。
5. 另外在使用margin属性时，通过设置margin:auto;可以实现一个元素居中显示。

Margin属性的注意事项

1. Margin属性的一个重要实际利用是“清除浮动”，清除浮动后可以实现与较大元素共容地；
2. Margin属性的上下边距和内边距都可使用多种单位，如像素（px）、百分比（%）、ems等；
3. 使用margin：0auto；实现元素水平居中方案；
4. 设置Margin（特别是Margintop和Marginleft）的目的是为了控制元素之间的间距和上下左右侧距，从而使得Web页面显现得更加美观；

桂|哥|网|络www.guIgege.cn