是css布局中最基本的元素之一，它可以將頁面劃分為若干個獨立的區域，方便我們在頁面中進行元素的布局。
元素的盒子模型中包含以下幾個部分：內容區（content）、內邊距區（padding）、邊框區（border）和外邊距區（margin）。如下所示：
+---------------------------------------------+ | | | margin | | | | +----------------------+ | | | border | | | | | | | | padding | | | | | | | | content | | | | | | | +----------------------+ | | | | | +---------------------------------------------+
其中：
- 內容區是元素實際的內容。
- 內邊距區指的是內容區與邊框之間的空白區域。
- 邊框區是內容區和內邊距之外的區域。
- 外邊距區則是邊框區之外的區域。
通過對這幾個區域的控制，我們可以對元素進行各種樣式的布局，例如：位置、大小、背景、邊框等等。
在CSS中，我們可以通過如下的樣式代碼定義元素的盒子模型：
div {
width: 200px;
height: 200px;
margin: 20px;
padding: 10px;
border: 1px solid #ccc;
}以上的樣式定義了一個200*200像素的
元素，其邊框為1像素的灰色實線，內邊距為10像素，外邊距為20像素。
總的來說，理解
元素的盒子模型原理是進行CSS樣式設計的基礎之一，掌握好之后可以大大提高網頁布局的效率。
上一篇div css調用
下一篇mysql 設置多個主鍵