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

时间:2017-05-10 11:28:00

标签: css

嘿伙计们我不确定你们是怎么处理这个问题的,但是我为每个标签,文本或图像块分配一个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,但我不认为有这样的内置。感谢您的帮助。

2 个答案:

答案 0 :(得分:0)

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

答案 1 :(得分:0)

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