CSSの書き方

CSSの記述の基本は、セレクタ、プロパティ、値で構成されています。

以下のCSSの記述を見てみましょう。
この記述はHTML内の<p>要素に対して、文字色を赤色に設定するための記述です。

▼記述例

セレクタはp要素、文字色プロパティcolorの値がredで設定されているので、HTML内で<p>～</p>に囲まれている部分の文字色が赤色になります。

CSSの記述はセレクタごとに{ }で囲われており、その中にプロパティと値を記述します。

複数のスタイルを適用させたい場合は、下記のように一組のプロパティ、値（規則セットと呼びます）ごとに「;（セミコロン）」を末尾につけて、次のスタイルを続けて記述します。

▼記述例

p{
color: red;
font-size:14px;
}

また、複数の要素に対して、一つの規則セットを設定することもできます。
その場合は、セレクタを「,（カンマ）」で区切ります。

▼記述例

h1,h2,h3 { color: red }

セレクタは要素以外にも、ID、クラス、属性、疑似など様々な種類が存在します。