什麼是盒子模型

盒子模型是指CSS盒子模型，CSS盒子模型就是在網頁設計中經常用到的CSS技術所使用的一種思維模型。

CSS假定所有的HTML文檔元素都生成一個描述該元素在HTML文檔佈局中所佔空間的矩形元素框，可以形象地將其看作是一個盒子。透過定義一系列與盒子相關的屬性，可極大地豐富和促進各個盒子乃至整個HTML文檔的表現效果和佈局結構。CSS盒子模型由內容區、填充、邊框和空白邊四部分組成。內容區是盒子模型的中心，呈現盒子的主要資訊內容；填充是內容區和邊框之間的空間；邊框是環繞內容區和填充的邊界；空白邊位於盒子的最外圍，是添加在邊框外周圍的空間。

CSS盒子模型特點：

1、豐富的樣式定義：CSS提供了豐富的文檔樣式外觀，以及設定文字和背景屬性的能力；允許爲任何元素創建邊框，以及元素邊框與其他元素間的距離，以及元素邊框與元素內容間的距離；允許隨意改變文字的大小寫方式、修飾方式以及其他頁面效果。

2、易於使用和修改：CSS可以將樣式定義在HTML元素的style屬性中，也可以將其定義在HTML文檔的header部分，也可以將樣式聲明在一個專門的CSS檔案中，以供HTML頁面引用。總之，CSS樣式表可以將所有的樣式聲明統一存放，進行統一管理。

3、多頁面應用：CSS樣式表可以單獨存放在一個CSS檔案中，這樣我們就可以在多個頁面中使用同一個CSS樣式表。CSS樣式表理論上不屬於任何頁面檔案，在任何頁面檔案中都可以將其引用。這樣就可以實現多個頁面風格的統一。