CSS盒子模型也叫做框模型，具備內容(content)、填充(padding)、邊框(border)、邊界(margin)這些屬性。在CSS中，每一個元素都被視為一個框，而每個框都有三個屬性：

• border:元素的邊框（可能不可見），用於將框的邊緣與其他框分開；
• margin：外邊距，表示框的邊緣與相鄰框之間的距離，也稱為頁邊空白；
• padding:內邊距，表示框內容和邊框之間的空間。

width 和 height 指的是內容區域的寬度和高度。增加內邊距、邊框和外邊距不會影響內容區域的尺寸，但是會增加元素框的總尺寸。
因此，如果在一個具有邊框的元素中放置文字，往往需要設定一些內邊距，以便文字的邊緣不要接觸邊框，這樣更便於閱讀。而外邊距則可以在多個元素框之間建立空白，避免這些框都擠在一起。因此，在設計頁面時，經常會使用padding屬性和margin屬性來設定頁面的佈局。但是，必須注意的是，一旦用了padding屬性或者margin屬性設定了元素的邊距以後，會增加元素在頁面佈局中所佔的面積。