ＣＳＳ・スタイルシートの書き方

ＣＳＳ・スタイルシートの書き方は難しくない！

　スタイルシートの基本的な書き方についてご説明します。以下の例では、<p>タグにマージンと余白を設定する場合の記述例です。

　適用対象の「p（段落タグ）」はセレクタと呼ばれ、適用するスタイル「margin」はプロパティと呼ばれます。すべてのセレクタはかぎかっこ　{　 }　で囲み、プロパティと値の間はコロン「:」で区切り、それぞれのプロパティはセミコロン「;」で区切ります。

1行で複数のプロパティも書ける！

　セミコロンで区切られていれば、１行に複数のプロパティを記述することができます。

見やすさを考えて１行に１プロパティで！

　以下の例のようにかぎかっこで改行し、さらにプロパティを１行ずつ区切ることで見やすくするのが一般的です。また、コロンと値の間に半角スペースを入れても構いません。

複数のセレクタに同じプロパティを設定するには？

　セレクタをカンマ「,」で区切ることで、複数のセレクタに同じプロパティを適用することができます。