Html CSS页边距自动居中，带上页边距-有效吗？

这是否有效的CSS来居中div并应用上边距

div {
     margin: 0 auto;
     margin-top: 30px;
     }

---

使用以下命令指定页边距：

div { margin: 30px auto 0; }

这是以下的简写：

div { margin : 30px auto 0 auto; } /* margin: [top] [right] [bottom] [left]; */

div {
    margin-top: 30px;
    margin-right: auto;
    margin-bottom: 0;
    margin-left: auto;
}

这是以下的简写：

div { margin : 30px auto 0 auto; } /* margin: [top] [right] [bottom] [left]; */

div {
    margin-top: 30px;
    margin-right: auto;
    margin-bottom: 0;
    margin-left: auto;
}

现在，您已经了解了指定

边距

s和/或

填充

的不同方式；选择权在你

就优先权而言，后一种定义将适用；如中所定义

要查找元素/属性组合的值，用户代理必须应用以下排序顺序：

查找适用于目标媒体类型的相关元素和属性的所有声明。如果关联的选择器与相关元素匹配，则应用声明

声明的主要种类是按权重和原点：对于普通声明，作者样式表将覆盖覆盖默认样式表的用户样式表。对于“！important”声明，用户样式表将覆盖覆盖默认样式表的作者样式表。“！important”声明将覆盖常规声明。导入的样式表与导入它的样式表具有相同的原点

第二种排序是根据选择器的特殊性：更具体的选择器将覆盖更一般的选择器。伪元素和伪类分别计为普通元素和类

最后，按指定的顺序排序：如果两个规则具有相同的权重、来源和特异性，则后一个指定规则获胜。导入的样式表中的规则被视为在样式表本身的任何规则之前。

除了个别声明上的“！important”设置外，此策略使作者的样式表比读者的样式表更重要。因此，用户代理必须让用户能够关闭特定样式表的影响，例如通过下拉菜单

---

正如其他人所提到的，您可能需要指定一个固定的宽度，以便看到您的

div

居中…

我看不出为什么不…您还可以将其缩短为：

div {margin: 30px auto 0;}

---

是的，但是关于div的居中，您还需要对其应用

宽度。
它是有效的，但可以像这样短一些：

div{margin:30px自动0；}

当您只给出三个值时，中间值同时应用于左侧和右侧。
是的，因为margin:0 auto将顶部和底部设置为0，将左侧和右侧设置为auto，因此将顶部设置为30px与表示margin:30px auto 0 auto完全相同
 是的，它是有效的<代码>页边距顶部

将覆盖

页边距

规则

---

尽管您可能想添加一个

宽度来居中。
是的。他们是对的：

div { width: 90%; margin : 30px auto 0 auto; }

我通常使用90%的宽度作为一个良好的起点