Web標準CSSモジュラーデザインを空間から語る

1. 空間演算子

(1) CSS言語

簡単に言えば、CSS 言語は JS 言語に似ており、クライアントによってダウンロードされ、ローカル ブラウザーによって解析されます。 CSS 言語は、非常に低レベルの「弱い型付け」言語であり、JS のような比較的完全なオブジェクトベースの「弱い型付け」言語にはまだ程遠いです。 CSS スタイルが定義されており、スタイルの表示はドキュメント フローの順序と CSS の優先レベルに基づいており、ブラウザーがそれを認識して計算した後に表示されることを理解しておく必要があります。また、ブラウザ (特に IE) には無視およびエラー修正機能があるため、スタイル定義の構文が間違っている場合、ブラウザの通常の動作には影響しませんが、期待する効果が表示されません。スタイルを設計および定義する場合、トラブルシューティングはさらに困難になります。その本質的な理由は、弱い型付けの CSS 言語自体の緩さに関係しているため、間違いを減らすためには、CSS 定義の厳格な禁止にもっと注意を払う必要があります。 、より良い仕事をより速く完了します。

(2) CSS演算子

まず、CSS 言語には演算子がそれほど多くありません。 .#{}:"; と非常に重要なスペースがあります。 これらの演算子は、よく使用される定義宣言記号です。 CSS スタイル定義では、スペースが少し特殊です。 .Net または Java の名前空間またはクラス パッケージ定義の . 演算子と考えることができます。つまり、スペースは、CSS の親子レベルの関係を示す矢印として考えることができます。つまり、CSS の各定義は「特定の HTML タグ」または「特定のモジュラー HTML コード」に対応しており、HTML は複数の CSS スタイル クラスを呼び出すことができ、HTML コードに基づいてクラスを「複合的に定義」できます。 ; HTML タグは複数のスタイル クラスに「複合的に呼び出す」こともできるため、CSS スタイル定義の複雑さは、関連する HTML と切り離すことができません。

(3) 記述例

説明する：

1. 最初のクラス b のクラス パスは td.b で、HTML ドキュメント内のすべての td タグの class="b" を持つタグのスタイルを定義します。