CSS重要內容-盒子

1、盒子模型-概念

　　弄清盒子模型我們必須知道這幾個概念：網頁設計中常聽到的屬性名稱：內容(content)、填充(padding)、邊框（border）、邊界(margin)，CSS盒子模型都具備這些屬性。

我們可以這樣理解這張盒子圖：大家都買過筆記本，新買的買筆記本都被一個盒子封裝起來。現在我們把它看作裝筆記本的盒子，最裡層的內容(content) 看作是筆記本，填充(padding)看作是包著筆記本的泡沫，邊框（border）就是封裝筆記本和泡沫的那個盒子，邊界(margin)就是放在地上離牆的距離。這樣就很容易理解的。