我有很多具有不同大小、填充和边距值的块。所以我想创建支持CSS类并组合如下；
CSS
.m-t-5 { margin-top: 5px; }
.m-t-10 { margin-top: 10px; }
.m-t-15 { margin-top: 15px; }
p-10 { padding: 10px; }
p-15 { padding: 15px; }
.f-left { float: left; }
.f-right { float: left; }
HTML
<div class="m-t-5 p-20 f-left lined"></div>
<div class="p-10 m-0 f-right"></div>
通过使用这个，我所有的类名都变得很大（我的意思是长度）。那么这是一个好习惯吗？请建议我是继续这种方式还是创建多个具有自己属性的 CSS 类。
问候。
现在习惯了这种方式
像这样
.marginT10{margin-top:10px;}
.marginT20{margin-top:20px;}
.marginT30{margin-top:30px;}
.marginT40{margin-top:40px;}
.pull-left{float:left;}
.pull-right{float:right;}
两件事情：
这很好，很常见。它实际上有助于保持DRY原则。
第二：编码css的唯一“最佳实践”是避免内联css，但即使这样也有例外。因此，如果它对您有用，请继续使用它。（但你所做的再次被认为是好的做法。）
我同意@ryan，但您还需要根据您的布局巧妙地移动，以尽可能减少代码。并且还要避免使用 (-)&(_) 等...并制定非常简单和干净的命名约定。请看下面的例子：
CSS
.mt5 {margin-top: 5px;}
.pd5 {padding: 5px;}
/* Margin Top 5 and Padding 5 */
.mt5pd5 {margin-top: 5px; padding: 5px;}
.fl {float: left;}
.fr {float: right;}
HTML 标记
<div class="fl mt5 pd5">Welcome</div>
<div class="fl mt5pd5">Hello</div>