【CSSメモ2】CSSスタイルの基礎知識

1. 既存の HTML タグに直接記述されるインライン CSS スタイル
CSS スタイルはどこに記述できますか? CSS スタイルのコード挿入形式は、基本的にインライン、埋め込み、外部の 3 種類に分けられます。

インラインCSSスタイルシートとは、次のようなCSSコードを既存のHTMLタグ内に直接記述することです:

<p style="color:red">这里文字是红色。</p>

以下の書き方は間違っています:

<p>这里文字是红色。</p style="color:red">

そして、CSS スタイル コードは 二重引用符で記述する必要があります。複数の CSS スタイル コード設定がある場合は、セミコロンで区切って一緒に記述することができます。次のコード:

<p style="color:red;font-size:12px">这里文字是红色。</p>

2. 現在のファイルに記述された埋め込み CSS スタイル
インラインは 1 つずつしか変更できませんが、埋め込みは複数のテキストのスタイルを一度に設定できます。
埋め込み CSS スタイルとは、CSS スタイル コードを 080b747a20f9163200dd0a7d304ba388531ac245ce3e4fe3d50054a55f265927 タグの間に記述できることを意味します。たとえば、次のコードはすべての 45a2772a6b6107b401db3c9b82c049c2 タグ内のテキストを赤色に設定します:

<style type="text/css"> span{ color:red; } </style>

埋め込み CSS スタイルは c9ccee2e6ea535a969eb3f532ad9fe89531ac245ce3e4fe3d50054a55f265927 の間に記述する必要があり、通常、埋め込み CSS スタイルは の間に記述されます。 93f0f5c25f18dab9d176bd4f6de5d30e9c3bca370b5104690d9ef395f2c5f8d1。
3. 別ファイルに記述する外部CSSスタイル
外部CSSスタイル（外部スタイルとも呼ばれます）は、CSSコードを別の外部ファイルに記述することです。このCSSスタイルファイルは、拡張子として「.css」で終わります。次のコードに示すように、93f0f5c25f18dab9d176bd4f6de5d30e 内 (c9ccee2e6ea535a969eb3f532ad9fe89 タグ内ではない) に 2cdf5bf648cf2f33323966d7f58a7f3f タグを使用して、CSS スタイル ファイルを HTML ファイルにリンクします。ファイル名には、main.css のように意味のある英文字が付けられます。

rel=”stylesheet” type=”text/css”は固定の書き方なので変更できません。

rel 属性は、リンクされたファイルと HTML ドキュメントの間の関係を定義するために使用されます。スタイルシートとは、

2cdf5bf648cf2f33323966d7f58a7f3fタグの位置を93f0f5c25f18dab9d176bd4f6de5d30e内に記述することです。

4. 3 つのスタイルの優先順位

同じウェイトでは、インライン スタイルが最も優先されます。埋め込み型と外部型は、近接性の原則に従って分類されます (設定される要素に近いほど優先度が高くなります)。

上記は [CSS Notes 2] CSS スタイルの基礎知識の内容です。その他の関連コンテンツについては、PHP 中国語 Web サイト (www.php.cn) をご覧ください。