CSS カスケードと継承の使用の詳細については、こちらをご覧ください。

1. HTML で CSS スタイル シートを使用する 3 つの方法:

(1) インライン スタイル シート。

例: LIN

(2) 埋め込みスタイルシート。

つまり、

(3) 外部リンクのスタイルシート。

2. カスケードの順序

(1)

まず、ルールを起源に従って分類する必要があります。

具体的な優先順位は以下の通りです:

ページ作成者(作成者)が設定したルール > ユーザー(ユーザー)のルール > ブラウザ(ブラウザ)のルール

(2)

その後、セレクターに基づいてルールが並べ替えられます。と具体性:

1. インラインスタイルシートは最も高い優先度を持ちます。

2. ID セレクター、ID セレクターが複数ある場合、より多くの ID セレクターを持つルールが優先されます。

3. ID セレクターがない場合、または番号が同じ場合は、カテゴリまたは擬似カテゴリが最も多いルールが優先されます。

4. クラスがある場合（またはクラスがない場合）、要素数が最も多いルールが優先されます。

5. id、class、要素数が同じ場合、最後に宣言された原則が最も優先されます。

(3) 埋め込みスタイルシートと外部リンクスタイルシートの優先順位 他の重みが同じ場合、最後に宣言されたルールが優先されます。

つまり、

タグ内では、linkタグ、styleタグの順で、2番目の記述が優先されます。

3. カスケードと HTML 属性

HTML の配置、色、面、vlink、背景もページの外観に影響します。

タグの align 属性は、周囲の要素に対する画像の水平方向および垂直方向の配置を定義します。

HTML 4.01 では align 属性が非推奨になり、XHTML 1.0 Strict DTD ではこの属性がサポートされず、HTML 5 ではこの属性がサポートされなくなりました。

color 属性は、font 要素内のテキストの色を指定します。

HTML 4.01 では、font 要素の color 属性は非推奨になりました。XHTML 1.0 Strict DTD では、font 要素の color 属性はサポートされません。

代わりにCSSを使用してください。

CSS 構文:

[

テキストのフォント、フォント サイズ、フォントの色を指定します。

例:これはテキストです!

これはテキストです!

これはテキストです!

HTML 4.01 では、font 要素は非推奨になりました。

XHTML 1.0 Strict DTD では、font 要素はサポートされていません。

]

face属性は、font要素内のテキストのフォントを指定します。

例:これはテキストです!

HTML 4.01 では、font 要素の face 属性の使用は XHTML 1.0 の厳密な DTD、font で非推奨になりました。はサポートされていません 要素の face 属性。

代わりにCSSを使用してください。

CSS 構文:

vlink 属性 ドキュメント内の訪問済みリンクの色。

例:

HTML 4.01 では、body 要素の vlink 属性は非推奨になり、XHTML 1.0 Strict DTD では、body 要素の vlink 属性はサポートされません。

代わりにCSSを使用してください。

CSS 構文 (

セクション内):

これらのプロパティが CSS ルールと競合する場合、常に CSS ルールによってオーバーライドされます。

4. ルール内で使用してください!重要

使ってください！ important で指定されたルールは、他のルールよりも重要です。

例: em {色: ブルー!重要;}

注意: ユーザー第一!重要なルールは作成者のルールより優先されます。式 ユーザーが定義したスタイルテーブルを宣言する必要があります。重要。

5. @import ルール、ファイルをインポートします。

例: h1 {color: red;}

@import url ("style.css");

/*style.css*/

h1{color: green;}

上記のコード、最終h1は赤です。デフォルトでは、インポートされたスタイルシートが元のスタイルシート ルールよりも前に表示されるためです。

6.

継承

(1) display、border、margin、paddingの属性は継承されないことに注意してください。

(2) 背景色は継承されません。設定されていない場合、デフォルト値は特別な値の透明です。

(3) 相対値を継承する場合、その値を計算してから子孫に渡します。

(4) 継承の指定: 特別な値を継承します

例: p .standout{ border :1px plain blue ;}

p .standout{ border:inhert;}

注: css 1 がリリースされたとき、作者の!重要なスタイルはユーザーのスタイルよりも優先されます。大切なスタイル。 CSS2 を使用してください、ユーザー!重要なスタイルは作者のスタイルよりも優先されます。大切なスタイル。

以上がCSS カスケードと継承の使用の詳細については、こちらをご覧ください。の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。