見やすいスタイルシートの書き方
スタイルシートの書式はまず適応先のセレクタを記述し、それに続く「{~ ~ ~}」の中で具体的な表示指定を書き込むという形式です。
「{~ ~ ~}」は、宣言といわれ「プロパティ」と「値」を「:(コロン)」で区切って指定します。
そして、複数設定するときは、宣言同士を「;(セミコロン)」で区切ります。
セレクタ{プロパティ:値}
※この方式だと、一つのセレクタにたくさんのプロパティを設定できるのでとても便利です。
スタイルシートが見やすくなり、管理するにも楽なので、この方法はお勧めです!
⇒bodyセレクタに、色プロパティを宣言。
body {color:#FF0000}
セレクタ{
プロパティ:値;
プロパティ:値;
}
⇒bodyセレクタに、色プロパティ、背景色プロパティを宣言。
body{
background-color:#FF0000;
color:#FFFFFF;
}
body{
background-color:#FF0000;
color:#FFFFFF;
}
※この方式だと、一つのセレクタにたくさんのプロパティを設定できるのでとても便利です。
スタイルシートが見やすくなり、管理するにも楽なので、この方法はお勧めです!