外部のスタイル シートにリンクする。
<HEAD>の部分に<LINK>タグを記述し外部のスタイルシートにリンクする。
<LINK REL=STYLESHEET HREF="URL" TYPE="text/css">
このHTMLでは、以下のように記述。
<LINK REL=STYLESHEET HREF="style003.css" TYPE="text/css">
外部のスタイルシートの記述
<STYLE TYPE="text/css">
BODY {background: white; color: black}
H1 {font: 14pt Arial}
P {font: 10pt Arial; color: blue}
</STYLE>
<H1>Sample text of H1 {font: 14pt Arial}</H1>
<P>Sample text of P {font: 10pt Arial; color: blue}</P>
上記のスタイルシートだと、BODY {background: white; color: black}が反映されない。
<STYLE TYPE="text/css">
</STYLE>の部分を取ると、こうなる
Netscape Navigator:表示不可 (Ver2 Ver3とも不可)
Microsoft Explorer Version3.0:表示可
W3C Web Style Sheets
ブラウザ対応表へ戻る
サンプル集へ戻る