- 〜 クラス、IDによる指定 〜
-
- 1つのタグに2つ以上のスタイルを設定することができます。
- 例えば、色だけ変えて同じタグを何度も使いたい場合などに用います。
-
- クラスの場合の書式です
タグ.クラス名{プロパティ:値;}
- IDの場合の書式です
タグ.ID{プロパティ:値;}
-
- 同じ名前のクラスはページ内で何度でも使えますが、
- 同じ名前のIDはページ内で1回しか使えません。
- 以上の理由から、筆者はエラーの原因になりかねないIDは使わず
- クラスを使うようにしています。
-
-
- 例.Bタグをクラスによって色だけ変える
-
-
- [CSSファイル]
B.class1{color:#bfbfdf;}
B.class2{color:#6090ef;}
B.class3{color:#a9a9a9;}
- [HTMLファイル]
<B class="class1">CoolCopper</B>
<B class="class2">CornFlowerBlue</B>
<B class="class3">DarkGray</B>
- ブラウザ上の表示...
- CoolCopper
CornFlowerBlue
DarkGray
-
-
-
|