11月17日(月)4コマ目
今日、やったこと
- [前回のおさらい]styleタグを使う
- クラスを対象にstyleタグでデザイン設定
- [練習問題]styleタグを使う
今日のホワイトボード
[前回のおさらい]styleタグを使う
styleタグの中では、
セレクタ {
プロパティ名 : 設定値;
}
で、セレクタで指定した対象に{ }内のデザインを設定する。
 |
| 図 styleタグのセレクタ |
タグを対象にstyleタグでデザイン設定
タグを対象にする場合、セレクタはタグ名。
IDを対象にstyleタグでデザインを設定
タグにはid属性でidを指定できる。
idは重複NG。
IDを対象にする場合、セレクタは＃ID名。
クラスを対象にstyleタグでデザインを設定
タグにはclass属性で、クラスを指定できる。
クラスは重複OK。
クラスを対象にする場合、セレクタは.クラス名。
練習問題
正解例をあげておきます。
練習問題１
次回は
練習問題のつづき。
