Question

每隔一段时间我就需要在元素间隔开，例如标题和框之间。我看到的所有示例都将margin-top属性添加到box或margin-bottom to header。但这些都会影响到处。如果我希望它具有页面特定的边距等。最佳做法是什么？我应该只使用html中的样式元素，还是应该在CSS中创建这样的规则并使用类？

.margin-top-10px { margin-top: 10px }
.margin-top-15px { margin-top: 10px }
...

这是一个好习惯吗？ CSS中的混乱是否过于混乱？

Answer 1

请不要这样做。你最终会得到一个难以维护的混乱。

例如，如果某个页面上的标题需要比平常更多的空间，请将其提供给自己的类：

.lonelyheader {
  margin-bottom: 10pt;
}

请记住，您可以组合多个类，因此您仍然可以与其他标题共享样式：

.heading {   
  font-weight: bold;
  padding: 3pt;
}

然后：

<div class="heading lonelyheader">etc.</div>

使用CSS利用边距创建空间的最佳做法是什么？

1 个答案: