スタイルシートの基本的な考え方として、 ボックスという考え方があります。
ボックスというのは、 スタイルシートで設定する領域 のこと。
スタイルシートの効力が、届く範囲のことですね。
この範囲の中に、テキスト文章などの、 ＷＥＢページの内容を入れていく ことから、
ボックス（箱）というような、呼ばれ方をしてるんじゃないかと。
ボックスの範囲は、下の図のような構造になっています。
ボックスは、マージン、パディング、内容を表示する領域、枠線、の
４つの要素で、つくられています。
それぞれ解説します。
■内容を表示する領域（ｈｅｇｈｔ、ｗｉｄｔｈ属性）
この領域に、テキストなどの内容を表示します。
ボックスのサイズの基準となる要素です。
ｈｅｉｇｈｔ属性で高さを、ｗｉｄｔｈ属性で横幅を設定します。
■マージン（ｍａｒｇｉｎ属性）
マージンとは、 他のボックスとの間隔だけを設定するための要素です。
ボックスの外側の要素ですね。
これは、上、右、下、左の間隔をそれぞれ設定することができて、
全体的な、レイアウトデザインには、欠かせない要素です。
このマージンの領域は、透明で表示されるので、
視覚的に見ることはできません。
■パディング（ｐａｄｄｉｎｇ属性）
パディングとは、平たく言えば、
ボックスの枠線から、内容を表示する領域の間隔を設定するための要素です。
テキストや、画像などの、内容を、イメージどおりに、
レイアウトするのに、とても役立ちます。
ボックスに背景色や背景画像を設定すると、このパディング範囲にも表示されます。
■枠線（ｂｏｒｄｅｒ属性）
枠線は、 ボックスのフチに線を表示するための属性です。
太さ、色、スタイルを設定することができます。
この属性を設定しなければ、枠線は、表示されません。
こんなふうに、ボックスは構成されているわけですが、
スタイルシートをつかいこなすなら、
このボックスという考え方は、とても重要です。
しっかり、覚えてくださいね。
それでは、最後に、この４つの要素を、具体的につかった例を紹介します。
例では、２つのボックスを使い、片方にだけ、４つの要素を設定しています。
（内容を表示する領域の高さ、横幅は省略してます。）
