ここ 2 日間、私は CSS を学習しています。これには、インライン、外部リンク、ページへの埋め込みの影響が含まれます。
1. CSS コードを HTML に直接記述します。スタイルへの
インライン CSS は、HTTP リクエストを効果的に削減し、ページのパフォーマンスを向上させ、サーバーの負荷を軽減します。ブラウザは CSS をロードした後にのみページをレンダリングできるため、CSS ファイルが読み取られずにページが裸で実行されるのを防ぐことができます。
2. 外部接続-----CSS コードを別のファイル (すべてのスタイルを含む aaa.css ファイルなど) として保存します。 HTML の外部カスケードは、 タグ ステートメントを使用して導入されます。サンプルコードは次のとおりです。
埋め込み-----CSS コードを変更したファイルに直接追加します。マークアップ要素。サンプル コードは次のとおりです。
ITEYE
発生する可能性のあるいくつかの問題を次に示します。インライン式で、タグが複数の CSS ルールを同時に使用し、これらのルールが同じ属性に異なる値を割り当てる場合、最終的にページに表示されるのはどのルールの属性値ですか?サンプルコードは次のとおりです。
;
ityeye
.mmm{font-size:18px;backgroung-color:#FFF;}/* mmm .css ファイルに */
ページに表示されるのは bbb ルールの属性の値です。 HTML ページでは bbb の優先順位が高く、bbb は HTML ページでこの属性を定義する最後の CSS ルールであるためです。
3. タグが複数の CSS ルールを同時に使用し、これらのルールがタグにインライン、外部、または埋め込みで存在し、異なる割り当てで同じ属性に適用される場合、どのルールの属性値が最終的に表示されます。ページ?サンプルコードは次のとおりです。
;
ityeye
.mmm -size: 18px;backgroung-color:#FFF;}/*mmm.cssファイルに記述*/
ページに表示されるのはタグに埋め込まれた属性の値です。タグに埋め込まれたルールは、インラインや外部のルールよりも優先されるためです。
概要: 同じタグで複数の CSS ルールが使用されている場合、ページに表示される優先順位は次のとおりです。埋め込みはインラインよりも高く、インラインは外部よりも高くなります。同じインライン スタイルまたは外部スタイル内に異なるルールがある場合、CSS スタイル シート内のルールの位置に関連付けられ、スタイル シート内で最後に属性を定義した CSS ルールの属性値が表示されます。一言で表現すると、近接性の原則、つまり、どの CSS ルールがどの CSS ルールに最も近いかを表示します。