CSS Margin属性
CSS的margin属性用于生成元素周围的空间。
该margin属性中设置的白色空间外边框的大小。
这个元素有一个margin 80px的。
CSS Margins
CSS的margin属性设置的白色空间外边框的大小。
 | 注： margins是完全透明的-而不能有一个背景颜色！ |
|---|
使用CSS，你必须在完全控制margins 。 有设置的CSS属性margin为元素（上，右，下，左）的两侧。
Margin -各个边
CSS有用于指定属性margin为一个元件的每一侧：
-
margin-top -
margin-right -
margin-bottom -
margin-left
所有的margin属性可具有下列值：
- auto -浏览器计算margin
- 长度 -指定margin在px, pt, cm等。
- ％ -指定margin在容纳元件的宽度的百分比
- 继承-指定margin应该从父元素继承
| 注意：也可以使用负值margins ;重叠的内容。 |
|---|
下面的示例设置不同的margins为四边<p>元素：
下面的例子让左margin可从父元素继承：
Margin -速记属性
为了缩短代码，它可以指定所有的margin中一个属性的属性。
该margin属性是以下个人速记属性margin性质：
-
margin-top -
margin-right -
margin-bottom -
margin-left
所以，这里是它如何工作的：
如果margin酒店有四个值：
- margin ：25像素50像素960x75像素100像素;
- 上边距为25像素
- 右边距为50像素
- 下边距为960x75像素
- 左边距为100像素
如果margin酒店有三个值：
- margin ：25像素50像素960x75像素;
- 上边距为25像素
- 左，右页边距是50像素
- 下边距为960x75像素
如果margin属性有两个值：
- margin ：25像素50像素;
- 顶部和底部的边距25像素
- 左，右页边距是50像素
如果margin酒店有一个值：
- margin ：25像素;
- 所有四个边距25像素
auto值的用途
您可以设置margin属性auto水平居中其容器内的元素。
然后该元件将占据指定的宽度，并且剩余的空间将同样的左边和右边之间划分margins ：
自测练习用！
所有的CSS边距属性
| 属性 | 描述 |
|---|---|
| margin | 简写属性设置margin在一个声明中的属性 |
| margin-bottom | 设置底margin元素 |
| margin-left | 设置左margin的元素 |
| margin-right | 设置合适的margin元素 |
| margin-top | 设置顶margin元素 |