margin
介绍
指定一个元素内容与外边界的距离，该属性可以为负值。是margin-top,margin-right,margin-bottom,margin-left的简写。
当 margin 值为 1 个: 应用于所有边； 当 margin 值为 2 个: 第一个值应用到 top 和 bottom ，第二个值应用到 right 及 left。 当 margin 值为 3 个:第一个值应用到 top ，第二个值应用到 right 及 left，第三个值应用到 bottom。 当 margin 值为 4 个:第一个值应用到 top ，第二个值应用到 right，第三个值应用到 bottom，第四个值应用到 left。
取值
<length>以固定值为外边距。<percentage>相对于包含块的宽度，以百分比值为外边距。默认值 0px
样例：
/* 应用于所有边 */
margin: 1em;
/* 上边下边 | 左边右边 */
margin: 5% -10%;
/* 上边 | 左边右边 | 下边 */
margin: -1em 2em 2em;
/* 上边 | 右边 | 下边 | 左边 */
margin: 5px -1em 0 2em;
1
2
3
4
5
6
7
8
9
10
11
2
3
4
5
6
7
8
9
10
11
标准化语法
[<length> | <percentage>]{1, 4}
1
与 Web 的区别
暂时不支持 inherit、initial、revert、unset 等取值。