Topスタイルシートの基本基本ルール > 見やすいスタイルシートの書き方

見やすいスタイルシートの書き方

スタイルシートの書式はまず適応先のセレクタを記述し、それに続く「{~ ~ ~}」の中で具体的な表示指定を書き込むという形式です。
「{~ ~ ~}」は、宣言といわれ「プロパティ」と「値」を「:(コロン)」で区切って指定します。
そして、複数設定するときは、宣言同士を「;(セミコロン)」で区切ります。


セレクタ{プロパティ:値}
⇒bodyセレクタに、色プロパティを宣言。 body {color:#FF0000}


セレクタ{
プロパティ:値;
プロパティ:値;
}

⇒bodyセレクタに、色プロパティ、背景色プロパティを宣言。
body{
background-color:#FF0000;
color:#FFFFFF;
}

 ※この方式だと、一つのセレクタにたくさんのプロパティを設定できるのでとても便利です。
スタイルシートが見やすくなり、管理するにも楽なので、この方法はお勧めです!

「見やすいスタイルシートの書き方」関連本

Akasa Rira
みつけたきせき