2

1 つの webstudio で広く使用されているいくつかの CSS クラスを見つけました。

.m20 {margin: 20px !important;}
.mh7 { margin: 0 7px !important;}
.mh10 { margin: 0 10px !important;}
.mb0 { margin-bottom: 0 !important}
.mb5 { margin-bottom: 5px !important}
.mt0 { margin-top: 0 !important}
.mt5 { margin-top: 5px !important}
etc.

メインの css ファイルには約 40 の同じクラスがあります。それらはクイック修飾子として使用されます。

それは正常ですか？なぜ？

4

5 に答える 5

1

これは一般的ですが、疑わしい慣行です。

その必要はありません

これは、短い名前は帯域幅を節約し、ページの読み込みを高速化するという誤った信念から来ています。これは以前は当てはまりましたが、ブラウザー (iE 4 以下を除くすべて、事実上プレ css 領域) と適切に構成された Web サーバーは、deflate または gzip 圧縮を使用して css ファイルを送信します。つまり、f1 .. f100 は foobar_damn_long_classname_1 .. foobar_damn_long_classname_100 より帯域幅を占有しません。(最初の使用のためにいくつかのバイトを残します)

助言

したがって、私の最善のアドバイスは、修飾された合理的な長い css クラス名を使用することです。

  • 編集の時間を節約できます
  • コンプレッサーを作る必要はありません
  • また、Google は「.sc」よりも「.shoppingcart」を優先します。
  • 人々が「wtf」と考えることなく、スタックオーバーフローに助けを求めることができますか?
于 2013-05-29T20:18:51.510 に答える
0

ただし、Wild Wild Web には「通常」はありません ;) 次の点に注意してください。

  • 数百万ページに存在する点に共通

  • ダッシュで区切られた、意味を説明する実名をスペルアウトすることが望ましいでしょう。

    • content-header、content-footer、employee、main-highlight、margin-small、top-margin-medium など。
于 2013-05-29T19:46:03.500 に答える