CSS(スタイルシート)講座：各ブラウザの互換性を考慮したCSSを学びたい人にオススメ！
ボックスという概念
ボックスとは？
HTMLの各要素はボックスというものを生成します。下図をご覧下さい。
ボックスは以上の要素で構成されており、content部分が実際に文字などが表示される部分となります。ボックスの各要素については下の表をご覧下さい。
- content
- 実際に文字などを表示させる部分
- padding
- borderとcontentの間にある空間。デフォルトでは透明。
- border
- 枠線。デフォルトでは非表示。
- margin
- 枠線の外側の空間。背景色や背景画像は適用できず、常に透明。
CSSを使い、ボックスに対して様々な指定をすることで、自由自在なレイアウトやデザインを行うことができるのです。
