/* CSS代碼 */

首先，我們需要了解的是，每個HTML元素都可以被看做是一個矩形的盒子。這個盒子包含了元素的內容、內邊距、邊框以及外邊距。

下面分別介紹一下這些屬性：

1. 內容（Content）

div {
/* 設置文字顏色和背景色 */
color: #FFF;
background-color: #000;
}

內容指的是元素中的文本或圖像等。一般來說，我們可以通過設置顏色、背景色等屬性來影響它的樣式。

2. 內邊距（Padding）

div {
/* 設置內邊距為20px */
padding: 20px;
}

內邊距指的是內容和邊框之間的距離。我們可以通過設置padding屬性來控制它的大小。注意，這里的大小是指內邊距的寬度，它是相對于元素的寬高而言的。

3. 邊框（Border）

div {
/* 設置邊框為1px寬的實線，顏色為#CCC */
border: 1px solid #CCC;
}

邊框指的是圍繞內容和內邊距之外的區域。我們可以通過設置border屬性來控制它的樣式。這里的樣式包括邊框的寬度、顏色、樣式等。

4. 外邊距（Margin）

div {
/* 設置外邊距為30px */
margin: 30px;
}

外邊距指的是組成元素的盒子之間的距離。我們可以通過設置margin屬性來控制它的大小。注意，這里的大小也是相對于元素的寬高而言的。

綜上所述，CSS的