すべてのHTML要素は、矩形の箱（ボックス）として扱われています。この箱の構造を定義するのがボックスモデルです。ボックスモデルは、Webデザインにおけるレイアウトと間隔の基本ルールです。

【ボックスモデルの4つの構成要素】

要素	役割	プロパティ
Content	中身（テキスト、画像）の領域。	width, height
Padding	コンテンツと境界線（Border）の間の内側の余白。	padding
Border	パディングとマージンの間にある境界線（枠線）。	border
Margin	境界線（Border）の外側にある、他の要素との間の外側の余白。	margin