CSSの指定の方法

CSSの書き方は対応するブロックに対してデザインを指定するだけですので、基本的にはそんなに難しくはありません。求められるのデザインセンスです。ただ初心者にはわかりにくいクラスとIDについてまとめておきます。

CSSのはクラスとIDの2つの方法で記述されます。

HTML側で <div id="header">〜</div>
となっている場合はIDでCSSでは#header { color: #FFF; }のように指定します。

HTML側で<p class="note">〜</p>
となっている場合はクラスでCSSではp.note { color: #000; }のように指定します。

IDとクラスの違いは、IDは一度しか出てこないもの、クラスは何度も出てくるものと理解しておけば良いでしょう。綺麗にCSSを記述することでファイルサイズも小さくなり、微差ですがページ読み込みも早くなります。最近はSEOのもページ読み込みスピードは多少影響するので綺麗記述しておくことに越したことはないでしょう。