CSSの書き方についての話

会社のビジネスが拡大するにつれて、ニーズはますます増大し、チームは拡大し続けます。私たちは、同じ作業を完了したり、他の人の作業を保守したり変更したりするために、複数の人が協力することによく遭遇します。それで、最も重要なことは何でしょうか。あなたが一番？複雑なパフォーマンスのページを実装する場合、CSS ファイルは膨大な数のセレクターと属性によってさらに複雑になります。では、どうすればより速く配置でき、より効率的にスタイルを記述できるでしょうか。 CSS の記述は多くの人に無視されます。書き方に関しては、有名サイトの作品を拝見したところ、大手プロダクトプロジェクトでは横並びがほぼ主流になっていますが、CSSの書き方は人それぞれで、作業効率の低下につながっています。 。チーム内でより連携を図り、CSSの書き方の一貫性を保つため、紆余曲折を経て合意に達した具体的な書き方は、CSS属性は横書き、セレクタは縦書き、改行です。各「,」（カンマ）の後に追加する必要があります。

リファクタリング グループのコード記述標準の例: (数値はデモンストレーションのみを目的としており、実際のアプリケーションで数値を使用することはお勧めできません。)

.クラス名_1 .クラス名_1_1、
.クラス名_2 .クラス名_2_1 .クラス名_2_1_1、
.class_name_3{スタイル1:値; スタイル2:値;

優れたコードはメモ帳で開いたとしても芸術作品であり、スタイル ファイル自体がデザイン作品であると言う人もいます。現時点では、この仕様を定義する権限はありません。私たちは 2 つの記述方法を簡単に要約することしかできません。

スタイル ファイル自体を比較します。

縦書きの特徴:

1. 各 CSS プロパティは独自の行にあり、通常は改行や水平スクロール バーはありません。
2. Firebug やその他のツールを使用してモジュールを見つけ、DW で Ctrl+G を使用して見つけることができるため、変更が簡単になります。
3. 属性の段落間にはインデントがあり、コードが明確で階層的であること、プログラミング言語のコード仕様に準拠していること、および変更がより直観的であることを保証します。

既存の問題:冗長なコード (スペース文字、タブ文字、改行文字など) が表示され、ファイル サイズが増加する傾向があります。