我在 CSS 中创建了许多基本类，例如“rounded”、“hidden”、“red”、“floated”等……我像乐高积木一样使用它们，以获得所需的结果。为什么？因为我的网站是动态渲染的，而且它们可能有多种选择。我不想为每个可能的组合创建一个类，所以我决定创建多个类并将每个 div 分配给五个甚至六个不同的类。另一方面，我听说了 DIVITIS 问题。我知道我使用的所有 div 都是必需的。但我的问题是：
这些事情有问题吗？我的意思是，为了在不同的设备上渲染它，或者渲染时间等等......
使用示例：
<div class="block spgreen toprounded">
<div class="boxnm left nmquart blue mkPln btn topLrounded"><h1 class="pdg txtCenter">Inicio</h1></div>
<div class="boxnm left nmquart green mkPln btn active"><h1 class="pdg txtCenter">Navegar</h1></div>
<div class="boxnm left nmquart orange mkPln btn"><h1 class="pdg txtCenter">Aprender</h1></div>
<div class="boxnm left nmquart red mkPln btn topRrounded"><h1 class="pdg txtCenter">Compartir</h1></div>
</div>
编辑：
每个 css 类的属性不超过 5 个。
编辑2：
我的设计基于“块”和“盒子”。块具有自动溢出功能，并且盒子总是浮动的。它们可以有 4 种不同的尺寸（宽度）：25%、50%、75%、100%。然后我创建了一个“魔法属性”列表，比如：阴影、圆角等等……为了像我一样控制所有的东西。问题是这对于谷歌索引我的页面是否是“错误的”，或让安卓手机渲染它，或或或...
一些CSS可能是：
div.block{ /* Block lines (will contain floated boxes) */
position:relative;
overflow:auto;
}
div.box{
position:relative;
margin:.5%; /* +1% (both-sides) */
}
div.box.nm{
margin:0;
}
/* Position */
.center{
margin:.5% auto !important;
}
.left{
float:left;
}
.right{
float:right;
text-align:right;
}