- 〜 CSSファイルに書く 〜
-
- 最後の方法は、外部ファイル(CSSファイルに)にスタイルだけを書いたファイルを作っておき、
- ブラウザ側でリンクする方法です。
- この方法の場合、リンクしたHTMLファイル全てに有効で、
- 再利用性が高いため最も普及している方法です。
-
- 書式はヘッダー内に書く方法と同じですが、リンクするHTMLファイルのヘッダー内に
- 下記のような記述をする必要があります。
<link rel=stylesheet type="text/css" href="リンクするCSSファイル.css">
-
-
- 例.H3タグ内の文字色を白にして、背景色を紫にします。
-
- [外部CSSファイル](ファイル名はstyle.css)
H3{
color:#ffffff;
background:#800080;
}
- [リンクするHTMLファイル]
<body>
<H3>
スタイルシート探偵団
</H3>
</body>
- ブラウザ上の表示...
スタイルシート探偵団
-
-
-
|