为不同的div重用上下边距？

Question

嘿伙计们我不确定你们是怎么处理这个问题的，但是我为每个标签，文本或图像块分配一个div，然后编写一个CSS类用于边距或填充顶部和底部以便很好地解决问题。问题是，在我的样式表中，现在我发现其中一半的div除此之外什么也没做。

.example-div {
    margin-top: 50px;
    margin-bottom: 50px;
}
.second-example-div {
    margin-top: 50px;
    margin-bottom: 50px;
}

您是否声明了其中一些类并重复使用它们，或者即使代码重复，您是否将它们都设置为独特？

我正在考虑做这样的事情并重复使用它们，因为几乎所有的div都使用了边距。这是个坏主意吗？

.margin-small {
    margin-top: 50px;
    margin-bottom: 50px;
}
.margin-large {
    margin-top: 80px;
    margin-bottom: 80px;
}

我也使用Bootstrap，但我不认为有这样的内置。感谢您的帮助。

Answer 1

编写一个css类来应用这些样式是最好的方法，你可以根据需要在你希望以这种方式设置样式的div上重复使用它。绝对不应该为新类中的每个div重写相同的css。没有必要让课程独一无二，它们的设计可以重新使用。 Div ID用于唯一性，类用于重复使用。

Answer 2

尝试使用像LESS或SASS这样的CSS预处理器，您可以在其中找到很多功能，例如mixins。