用一道题说明margin的用法

语法:margin:auto | length | % | inherit;

• auto:计算元素的外边距
• length:以具体单位计的外边距值，比如px、cm…。默认值是 0px。
• %:基于父元素的外边距的大小的百分比。
• inherit:从元素的父元素那里继承的外边距。

例题:

与该代码段.box { margin:10px 5px; margin-right:10px; margin-top:5px; }效果等同的是
A
.box{margin:5px 10px 10px 5px;}
B
.box{margin:5px 10px 5px 5px;}
C
.box{margin:5px 10px;}
D
.box{margin:10px 5px 10px 5px;}

正确答案:A

margin:5px 10px 10px 5px
依次为:上:5px 左:10px 下:10px 右:5px

margin:10px 5px;
依次为: 上下 :10px 左右:5px

margin-right:10px
表示:右:10px

margin-top:5px
表示:上:5px