ホームページ > 記事 > ウェブフロントエンド > CSS_html/css_WEB-ITnose の 3 つのスタイル
CSS_html/css_WEB-ITnose の 3 つのスタイル
- WBOYオリジナル
- 2016-06-24 11:37:071049ブラウズ
CSS スタイルのコード挿入の形式の観点から、基本的に次の 3 つのタイプに分けることができます: インライン、埋め込み、外部。
1: インライン CSS スタイル シートは、次のコードのように、CSS コードが既存の HTML タグに直接記述されることを意味します:
<p style="color:red";font-size:12px>这里文字是红色。</p>
2: 埋め込み、埋め込み CSS スタイルは、CSS スタイル コードが次の HTML タグの間に記述できることを意味します080b747a20f9163200dd0a7d304ba388XXX531ac245ce3e4fe3d50054a55f265927 タグ。
<head> <style type="text/css"> span{ color:red; } </style></head> 3: 外部 CSS スタイル、別のファイルに記述します。
外部 CSS スタイル (外部スタイルとも呼ばれます) は、CSS コードを別の外部ファイルに記述します。この CSS スタイル ファイルには、「.css」が含まれています。 " 拡張子を使用し、次のコードに示すように、2cdf5bf648cf2f33323966d7f58a7f3f タグを 93f0f5c25f18dab9d176bd4f6de5d30e (c9ccee2e6ea535a969eb3f532ad9fe89 タグ内ではない) 内で使用して、CSS スタイル ファイルを HTML ファイルにリンクします。 link href="base.css" rel="stylesheet" type="text/css" />
注:
1. CSS スタイル ファイル名は、main.css など、意味のある英語の文字で名前が付けられます。
2. rel="stylesheet" type="text/css"は固定の書き方なので変更できません。
3. 2cdf5bf648cf2f33323966d7f58a7f3f タグの位置は、通常、93f0f5c25f18dab9d176bd4f6de5d30e タグ内に記述されます。
これら 3 つのスタイルには優先順位があります: インライン > 埋め込み > 外部スタイルには前提条件があります: 埋め込み CSS スタイルの位置は外部後方にある必要があります。
実際、要約すると、これは近接原則 (設定されている要素に近いほど優先度が高くなります) です。
ただし、上でまとめた優先順位は、インライン、埋め込み、外部スタイル シートの CSS スタイルの重みが同じであるという前提に基づいていることに注意してください。