ホームページ > ウェブフロントエンド > CSSチュートリアル > 【CSSメモ2】CSSスタイルの基礎知識

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

黄舟
リリース: 2016-12-29 13:46:54
オリジナル
1412 人が閲覧しました

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 スタイル コードを タグの間に記述できることを意味します。たとえば、次のコードはすべての タグ内のテキストを赤色に設定します:

<style type="text/css"> span{ color:red; } </style>
ログイン後にコピー

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


3. 別ファイルに記述する外部CSSスタイル
外部CSSスタイル(外部スタイルとも呼ばれます)は、CSSコードを別の外部ファイルに記述することです。このCSSスタイルファイルは、拡張子として「.css」で終わります。次のコードに示すように、 内 (