CSS基礎

例

異なる要素に対して同じスタイルを指定する

セレクタ1,セレクタ2,セレクタ3,… { プロパティ : 値 ;}

H1,H2,H3 { font-size: 20px; color: red ;}

特定の要素に含まれる要素に対してのみスタイルを適用する

セレクタ内の要素 { プロパティ : 値 ;}

ul li { color: red ;}

特定のIDを指定した要素にのみスタイルを適用する→ID名の頭に「#」付ける

#ID名 { プロパティ : 値 ;}

#id1 { color: red ;}

特定のクラスを指定した要素にのみスタイルを適用する→CLASSの頭に「．」付ける

.クラス名 { プロパティ : 値 ;}

.class1 { color: red ;}

クラスは複数の要素に対して指定できるが、IDはその１つの要素に対してのみできる

『サイト全体に統一感を出せる』

各ページに同じ背景やフォントを使用してサイト全体に統一感を出すことは重要。

全てのページに同じスタイルシートを用いることで、サイト全体が１つのブランドとしての協調性を持つことができるよ。