CSS の概要_html/css_WEB-ITnose

スタイルが読み取られると、ブラウザーはそれに応じて HTML ドキュメントをフォーマットします スタイル シートを挿入する方法: スタイル シートとは何か、そこにどのような種類のスタイル シートがあるかを知っておく必要がありますHTML ドキュメントのフォーマットに使用する CSS ファイルはスタイル シートです。 スタイル シートは 3 つのカテゴリに分類できます: 外部スタイル シート インライン スタイル シート では、これら 3 種類のスタイル シートは何を意味しますか?いくつかの例で分析してみましょう: 最初は外部スタイル シートです: スタイルを多くのインターフェイスに適用したい場合、外部スタイル シートを使用してファイルを変更するのが理想的です。複数のインターフェイスの外観、 外部スタイル シートの使用方法: 外部スタイル シートを使用する Web ページで、 タグを使用して外部スタイル シートに接続します。 HTML ドキュメント: 私は段落

#para { フォントサイズ: 7; #b { 背景色 : green; } ファイルには HTML タグを含めることはできませんが、要素は含めることができます。スタイル シートは、.css 拡張子を付けて保存する必要があります。 内部スタイル シート: 先ほど確認したものは、HTML ドキュメントの外部で実行される外部スタイル シートです。 の定義については、つまり、 タグを使用して、ドキュメントの先頭で内部スタイルを定義します

.para red; font-size: 7; /*最大フォント設定は 7*/

最後のスタイルはインライン スタイルです: 主な目的はプレゼンテーションとコンテンツを混合することであるため、インライン スタイルはスタイル シートの利点の多くを破壊します。たとえば、スタイルを適用する必要があるのは注意してください。 インライン スタイルを一度に使用できます。スタイルを接続するには、関連するタグで style 属性を使用します。例: ヘッド> これは段落です

知っておく必要があるのは、bgcolor は body の属性を表しますが、background は属性ではありません

場合によっては、複数のスタイルが存在する場合があります。たとえば、外部スタイルを導入しますが、このドキュメントでは内部スタイルが定義されています。このとき、2 つのスタイルは重複します

つまり、たとえば、外部スタイルで p の 3 つの属性を定義します:

p{

color:green;

text-align:left;

font-size:7;

}

また、内部スタイルでも 2 つのスタイルを定義しますp 要素のスタイル:

p{

text-laign:right;

font-szie:30pt;

} このとき、HTML ドキュメントで段落を定義すると、次のようになります:

は次のようになります:

p{

color:green;

text-align:right;

font- size:30pt ;

} 明らかに、使用すると外部属性と内部属性の両方が存在することがわかりますが、外部属性と内部属性が同じ場合、この時点の属性の値は内部属性になります

つまり、次のようなものがあります ルールによれば、複数のスタイルが 1 つに重なって、属性値が同じ場合、この時点で取ることは次のとおりです: インライン スタイルが優先され、

内部スタイルが 2 番目になります、外部スタイルの優先順位が最も低くなります。