CSSの書き方

基本の記述

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

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

▼記述例

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

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

一つの要素に複数のスタイルを適用する場合

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

▼記述例

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

複数の要素にスタイルを適用する場合

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

▼記述例

h1,h2,h3 { color: red }

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