構造と体裁の分離

情報そのものや文章構造（段落、見出し、本文に該当する個所をタグで囲む）はHTML文書に格納し
レイアウト、色見た目のデザイン的要素についてはCSSにまとめて記述する。

☆HTMLの構造
大きく分けて＜head＞と＜body＞の二つの要素で構成されている。
＜body＞の中身がブラウザで表示される領域。

☆CSSの構造
外部ファイル化したCSSファイルは、HTMLファイルからリンクして、タグにID属性、またはCLASS属性を指定してスタイルと関連付ける。
CSSのスタイルを適用する対象をセレクタといい、セレクタにはプロパティと値をセットで指定する。
セレクタを指定するときは，（カンマ）で区切り
プロパティを複数指定するときは；（セミコロン）で区切る。

ID属性は、タグ一つに対して一つしかして出来ない。
CLASS属性は、タグ一つに対して複数指定できるため、属性値もHTML内に複数指定できる。

header,contents,footerなどの固有のグループはID属性。その中で分類されたスタイルはCLASS属性。
記述の際は、属性値の先頭に＃を付ける。CLASSは先頭に.を付ける。

☆ブロックレベル要素とインライン要素
ブロックレベル要素はグループや段落など前後に改行が入る要素。
インライン要素は文中の一部分に対して、意味づけや書式設定を行う要素。