4

サイズ、パディング、マージンの値が異なる非常に多くのブロックがあります。そこで、サポート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 クラスを作成するかを提案してください。

よろしく。

4

4 に答える 4

3

ここでアドバイスを提案するいくつかの方法論があります。

また、Google の開発者が準拠しているHTML/CSS スタイル ガイドもあります。

于 2013-03-21T06:18:15.600 に答える
1

今ではこのように慣れています

このように

.marginT10{margin-top:10px;}
.marginT20{margin-top:20px;}
.marginT30{margin-top:30px;}
.marginT40{margin-top:40px;}
.pull-left{float:left;}
.pull-right{float:right;}
于 2013-03-21T06:18:26.403 に答える
1

2つのこと：

これはまったく問題なく、非常に一般的です。実際には、DRY原則を維持するのに役立ちます。

2 番目: CSS をコーディングするための唯一の「ベスト プラクティス」は、インライン CSS を避けることですが、それでも例外があります。したがって、それがうまくいく場合は、先に進んで使用してください。（しかし、繰り返しになりますが、あなたの行動は良い練習と見なされます。）

于 2013-03-21T06:22:31.020 に答える