CSS コード規則は、一貫性、読みやすさ、保守性を維持するために重要です。一般的な規則には次のものが含まれます: 命名規則: 小文字とダッシュを使用し、具体的で説明的な名前にします。インデントと配置: 特定のルールに従ってセレクター、宣言、値をインデントして配置します。プロパティと値の順序: プロパティと値を特定の順序で配置します。コメント: 複雑なコードを説明し、正しい構文を使用します。セミコロン: 各ステートメントの後にセミコロンを追加します。中括弧: 左中括弧の前で改行します。その他のガイドライン: 一貫して引用符を使用し、! important を避け、コード最適化ツールを使用してください。
CSS コード仕様
CSS コード仕様に従うことは、一貫性、可読性、保守性を維持するために不可欠です。 。一般的な CSS コーディング規則を以下に示します。
命名規則:
- 単語を接続するには小文字とダッシュを使用します。
- 「my-class」などの一般的な名前の使用は避けてください。
- 「button--primary」など、具体的でわかりやすい名前を使用します。
インデントと配置:
- コード ブロックを 2 ~ 4 個のスペースでインデントします。
- セレクター、宣言、値を揃えます。
プロパティの順序:
-
プロパティを特定の順序で配置します。例:
- レイアウトプロパティ (表示、位置など)
- テキスト属性 (フォント サイズ、色など)
- 外観属性 (背景、境界線など)
##値の順序:
- 値を特定の順序で並べます。例:
長さの単位 (例: px、em、rem など)- カラー コード (#ff0000、rgb(255, 0, 0) など)
- キーワード (inherit、initial など)
-
コメント:
コメントを使用して、複雑なコード セグメントや関数を説明します。 - コメントは、正しい構文を使用して、簡潔かつ要点を絞ったものにする必要があります。
-
セミコロン:
各宣言の後にセミコロン (;) を追加する必要があります。 - 空行にはセミコロンを追加しないでください。
-
中括弧:
ネストされた CSS ブロックの場合は、左中括弧 { の前で囲みます。 - 閉じ中括弧 } の後で行を改行しないでください。
-
その他の仕様:
一重引用符または二重引用符を使用しますが、一貫性を保ちます。 - ! important の使用は避けてください。
- CSSNano などのコード最適化ツールを使用して、ファイル サイズを削減します。
-
これらの仕様に従うと、クリーンで保守しやすい CSS コードを作成し、チームのコラボレーションとコードの可読性が向上します。
以上がCSSコードの仕様は何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。