什麼是盒模型

盒模型是CSS中的一個重要概念，它是一種用於設計和布局網頁元素的思維模型，將HTML元素視為具有特定結構和尺寸的矩形盒子。

盒模型主要由以下四個部分組成：

內容區(Content)。這是元素本身的內容，如文本、圖片或其他元素。

內邊距(Padding)。內容區與框線之間的空間。

框線(Border)。包圍著內邊距和內容的線條。

外邊距(Margin)。框線外面的空間，用於分隔相鄰元素。

盒模型還規定了網頁元素如何顯示以及元素間的相互關係，幫助開發者精確控制元素的尺寸和布局。