嘿伙计们我不确定你们是怎么处理这个问题的,但是我为每个标签,文本或图像块分配一个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,但我不认为有这样的内置。感谢您的帮助。
答案 0 :(得分:0)
编写一个css类来应用这些样式是最好的方法,你可以根据需要在你希望以这种方式设置样式的div上重复使用它。绝对不应该为新类中的每个div重写相同的css。没有必要让课程独一无二,它们的设计可以重新使用。 Div ID用于唯一性,类用于重复使用。
答案 1 :(得分:0)
尝试使用像LESS或SASS这样的CSS预处理器,您可以在其中找到很多功能,例如mixins。