1、所有的 HTML 元素本質上是小的矩形塊，代表着某一小塊區域。有三個影響HTML元素布局的重要屬性：padding(內邊距)、margin(外邊距)、border(邊框)。
元素的 padding 控制元素內容 content和元素邊框 border 之間的距離。
元素的 padding 控制元素內容 content和元素邊框 border 之間的距離。
我們可以看到上圖綠方塊和紅方塊都位於黃方塊之中，但是紅方塊比綠方塊具有更大的 padding。當你加大綠方塊的 padding, 它將擴大元素內容和元素邊框的距離。
2、元素的外邊距 margin 控制元素邊框 border 和元素實際所占空間的距離。在下圖，我們可以看到綠方塊和紅方塊都位於黃方塊之中，注意紅方塊比綠方塊具有更大的外邊距 margin，使得它看起來更小。當你增大綠方塊的 margin 時，將會增加元素邊框和元素實際所占空間之間的距離。
3、元素的 margin 控制元素的 border 和元素實際所占空間的距離。將一個元素的 margin 設置為負值，元素將會變大。具體可以看看紅方塊的 margin 值。
