スタイルシートの設定 その2
任意の範囲にスタイルを設定する
ここでは、セレクタのタグに関係なく好きなところで同一のスタイルを使いたい場合について説明します
スタイルに特定のCLASSやIDの識別記号をつけて登録しておき、使いたいところで呼び出す方法です
CLASSでは「 . 」ピリオドに続けて任意のクラス名、IDでは「 # 」シャープに続けて任意のID名をつけることができます
<HTML>
<HEAD>
<STYLE TYPE="text/css">
<!--
.aka {color: red }
#momo {color: pink }
-->
</STYLE>
<BODY>
<H1 CLASS="aka">赤い字の見出し</H1>
<P ID="momo">ピンクの字の段落文</P>
<H1 ID="momo">ピンクの字の見出し</H1>
<P CLASS="aka">赤い字の段落文</P>
</BODY>
</HTML>
サンプル
|