0

次のうち、ベスト (より良い) プラクティスと見なされるのはどれですか?

#anElement {
    font-size:1em;
    color:white;
}

/* other stuff */

#anElement {
    width:100px;
    margin-bottom:10px;
}

また

#anElement {
    background-color:black;
    color:white;
    font-size:1em;
    margin-bottom:10px;
}

言い換えれば、CSS を可能な限りドライにする必要がありますか、それともタイポグラフィと一般的なレイアウトを別々に、場合によっては別々のファイルで作業する必要がありますか?

4

3 に答える 3

0

複数のスタイルシートがあると、ページのパフォーマンスが低下します。このようにcssを整理したい場合は、 http：//sass-lang.com/などのプリプロセッサを検討してください。

于 2012-07-05T15:11:53.627 に答える
0

それらを結合しますが、プロパティを論理的にグループ化します。それらをグループ化する方法はいくつかあります。アルファベット順または論理的に並べ替えることができます (テキスト プロパティをまとめたり、余白とパディングをまとめたりするなど)。

Bootstrap の作成者である Mark Otto によって書かれたCSS Property Orderを参照してください。

また、あなたが提供したような単純なスタイリングの例では、1 つの質問を自問する必要があります...このコードの一部/すべてがページの他の場所で再利用される可能性はありますか? 同じスタイリングを使用できる div がいくつかあるかもしれません。次に、IDではなくクラスを使用する必要があります。

于 2012-07-05T17:16:59.810 に答える
0

最初のオプションは完全に受け入れられ、特定の CSS ミニファイアーはいずれにせよそれらすべてを 1 つに結合します。最初のオプションは、特に複数のファイルに分割されている場合、はるかに読みやすく保守しやすいコードを生成できるため、ミニファイヤの使用を検討したいと思います。

于 2012-07-05T14:17:41.953 に答える