HTML+CSS学習記(7) - CSSの基礎知識styles_html/css_WEB-ITnose

既存の 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>

現在のファイルに記述された埋め込み CSS スタイル

埋め込み CSS スタイル。つまり、CSS スタイル コードを タグ。たとえば、次のコードは 3 つの タグ内のテキストを赤色に設定します:

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

埋め込み CSS スタイルは の間に記述する必要があります。次の埋め込み CSS スタイルは、 の間に記述されます。

外部 css スタイル、別ファイルに記述

外部 css スタイル (外部スタイルとも呼ばれます) は、css コードを別の外部ファイルに記述することです。 この css スタイル ファイルには、拡張子が付いています。 「.css」。次のコードに示すように、 内で ( コードの前にあります (これも同様です)。実際の開発で書かれています）。

---