盒模型（Box Model）是CSS設計中的一個基本概念，它把網頁中的每個元素看作是一個矩形盒子，這個盒子由以下四個主要部分組成：
內容（Content）。元素本身的主體內容，如文本或圖片。
內邊距（Padding）。內容與框線之間的空間。
框線（Border）。定義內容的邊緣。
外邊距（Margin）。框線之外的空間，用於定義盒子與其他元素之間的距離。
盒模型還涉及到元素的寬度（width）和高度（height），這些屬性定義了內容的尺寸。在CSS中，可以通過設定box-sizing屬性來改變盒模型的工作方式。默認情況下，使用標準盒模型（content-box），此時width和height只包括內容區域的尺寸。另一種是IE盒模型（border-box），在這種模式下，width和height包括內容、內邊距和框線的尺寸，但不包括外邊距。外邊距是累加的，例如，如果兩個相鄰元素各自有10px的外邊距，那麼這兩個元素之間的實際距離將是20px。理解盒模型有助於更好地控制網頁元素的布局和位置。