CSS中省略margin属性值与显式设置为0是否等价？

答案是：在你当前的场景下，这两种写法完全等价，你可以安全地把margin: 30px 0 0 0重构为margin-top: 30px。

下面具体解释原因：

• 首先，CSS里margin的初始值是0，也就是说，任何元素如果没有被显式设置过其他方向的margin，它的right、bottom、left margin默认就是0。
• 当你写margin: 30px 0 0 0时，是按照「上-右-下-左」的顺时针顺序，显式把top设为30px，其余三个方向设为0。
• 而当你只写margin-top: 30px时，只会修改top方向的margin值，其余三个方向的margin会保持它们当前的计算值——在没有其他CSS规则干扰的情况下，这个计算值就是初始的0，和显式设置0的效果完全一致。

当然要注意一个例外情况：如果这个元素之前通过其他CSS规则（比如父元素继承、其他类选择器、全局样式）已经给right/bottom/left设置过非0的margin，那margin: 30px 0 0 0会覆盖掉那些值设为0，而margin-top: 30px不会修改那些值，这时候两者效果就不一样了。但你提到当前页面样式没变化，说明你的场景里不存在这种冲突，所以重构是没问题的。

内容的提问来源于stack exchange，提问作者User 5842