css边距、填充样式

我知道我可以像这样声明顶部和底部的边距

  margin: 10px 6px;

我仍然知道

 margin: 10px;

我知道所有的个人

 margin: 0 8px 9px 1px;

但在一些网站上我看到了这样的例子：

 margin: 2px 2px 0;

及

有人想解释一下这是怎么回事吗

margin: 1px 2px 3px;

与

margin: 1px 2px 3px 2px;

---

这是一个例子

利润率：25px 50px 75px

• 上页边距是25px
• 左右边距为50像素
• 底部边距为75px

---

其他参考资料：

---

边距和填充按以下顺序定义：

• T形车顶
• 右
• B-底部
• 左

短手：

margin: a;      /*= a a a a*/
margin: a b;    /*= a b a b*/
margin: a b c;  /*= a b c b*/
margin: a b c d;/*= a b c d*/
/*Where a, b, c and d are values. Valid values consists of at least one digit
 * and a unit, e.g.: 12px. 0 (zero) doesn't require a unit */

---

首先解释以下语法可能会有所帮助：

margin: 5px 10x;

在您的问题中，您提到这允许您设置顶部和底部边距，但这并不完全正确。双值语法指定用于顶部和底部，然后用于左侧和右侧的值。例如，上面的代码在顶部和底部指定

5px

边距，在左侧和右侧指定

10px

边距

如果我们向其添加第三个值：

margin: 5px 10px 15px;

---

…其行为与上面的双值语法相同，但将底部边距设置为

15px

。因此，明确地说，这里的三个值指定顶部应为

5px

，左侧和右侧应为

10px

，底部应为

15px

顺序为顶部、右侧、底部、左侧。缺少最后一个值（对于左值）将告诉解析器从提供的右值（第二个值）继承左值。

在CSS中，您可以通过1到4种方式设置速记以满足条件：下面是一个简短的细分

4路

margin:Npx NNpx NNNpx NNNNpx;
top margin = N, right = NN, bottom = NNN, left = NNNN

margin:Npx NNpx NNNpx;
top margin = N, right and left = NN, bottom = NNN75px

margin:Npx NNpx;
top and bottom margins = N, right and left = NN

margin:Npx;
all four margins = N

3路

margin:Npx NNpx NNNpx NNNNpx;
top margin = N, right = NN, bottom = NNN, left = NNNN

margin:Npx NNpx NNNpx;
top margin = N, right and left = NN, bottom = NNN75px

margin:Npx NNpx;
top and bottom margins = N, right and left = NN

margin:Npx;
all four margins = N

2路

margin:Npx NNpx NNNpx NNNNpx;
top margin = N, right = NN, bottom = NNN, left = NNNN

margin:Npx NNpx NNNpx;
top margin = N, right and left = NN, bottom = NNN75px

margin:Npx NNpx;
top and bottom margins = N, right and left = NN

margin:Npx;
all four margins = N

1路

margin:Npx NNpx NNNpx NNNNpx;
top margin = N, right = NN, bottom = NNN, left = NNNN

margin:Npx NNpx NNNpx;
top margin = N, right and left = NN, bottom = NNN75px

margin:Npx NNpx;
top and bottom margins = N, right and left = NN

margin:Npx;
all four margins = N