3 つの CSS メカニズムと優先課題_html/css_WEB-ITnose

競合を解決するために、CSS は継承、カスケード、仕様という 3 つのメカニズムを使用して目的を達成します。

1. 継承

CSS の多くの継承可能なプロパティは、フォント、色、フォント サイズなど、テキストに関連しています。ボックス モデルのマージン、パディング、境界線など、継承できないプロパティもあります。 、など。

フォント サイズなど、継承できる属性の単位を記述する方法は通常 2 つあり、1 つはピクセル (px) を使用する方法、もう 1 つはパーセンテージ (60% など) を使用する場合です。この割合は子孫に影響するため、つまり子孫は前者の 60% であるため、この子孫のフォントは 36% になることに注意してください。

2. カスケード

カスケードは CSS の中心的なメカニズムであり、CSS スタイルを変更するための便利で実用的な方法です。ここで説明するカスケードは、テキスト スタイルでのカスケードです。この利点の 1 つは、ブラウザーが多数の属性に直面した場合に、レイヤーをフィルタリングして最終結果を得ることができることです。その値の。

レイヤーの使い方はとても簡単なので、そのルールについてお話しましょう。

a. 最初に各要素と属性を宣言します

b. 次に、順序と重みで並べ替えます

d. 順序によって重みが決まります

次に、各ソース スタイルの優先順位について説明します。順序: 作成者のインライン スタイル > 作成者の埋め込みスタイル > 作成者の接続スタイル > ユーザー スタイル > ブラウザのデフォルト スタイル

もちろん、作成者はこれを設計した人 (つまりあなた) であり、ユーザーは読者です。「使用する人」を参照してください。これは、ユーザーが特別な人で、フォント サイズを拡大したり、色を変更したりする必要がある場合、ブラウザーに希望のスタイルを強制的に読み込ませることができることを意味します。

3. 具体的には

単純なスコア付けの原則は、0.0.0.0 と 1.0.0.0 が 0.11.0.0 よりも大きいということです。

最初の 0 は、インライン要素であるかどうかを確認するためのもので、そうである場合は 1 に設定します

2 番目のビットは ID ビットで、あるだけ追加します

3 番目のビットはクラスビットです。クラスは、擬似クラスと属性の数を追加しますは 0.0.1.0

#a{} 特定のインデックスは 0.1.0.0

.a.b c{} 特定のインデックスは 0.0.2.1

#a b.c{} 特定のインデックスは 0.1.1.1

ブログを始めた初日は少しゼリー状になっていました。まずはここで終わりにしましょう。ディスカッションのためにメッセージを残してください ^ 。 ^