今日、やったこと

今日のホワイトボード

前回は、タグのstyle属性で、個々のデザイン設定を行った。

しかし、特定のタグのデザインはすべて同じにしたい場合は、同じ設定を複数個所に行う必要があるため、効率が悪い。

そこで、<style>タグを使って、一括で設定する。

<head></head>内で、特定のタグ（idやクラスも）のデザインをまとめて行う。

下図のセレクタは、{ }内の設定を適用する対象。

図　<style>タグの中

セレクタは下図のように、タグ以外に、IDやクラスも指定可能。

図　セレクタ

※セレクタは2年になってからも登場する

タグにはid属性を使って、IDを設定できる。

なお、IDはHTMLファイル内で重複指定できない。

=> 複数のタグに同じIDを指定不可

タグにはclass属性を使って、クラスを設定できる。

クラスはHTMLファイル内で重複指定できる。

=> 複数のタグに同じクラスを指定可

さらに１つのタグに複数のクラスを指定できる。

以下が注意点。