css的盒子模式就是在網頁設計中經常用到的CSS技術所使用的一種思維模型盒模型在網頁中的作用，其作用就是通過定義一系列與盒子相關的屬性，可以豐富和促進各個盒子以及整個HTML文檔的表現效果和布局結構。
推薦：《css視頻教程》
css盒子模式（模型）就是在網頁設計中經常用到的CSS技術所使用的一種思維模型。CSS假定所有的HTML文檔元素都生成一個描述該元素在HTML文檔布局中所占空間的矩形元素框，可以形象地將其看作是一個盒子。
通過定義一系列與盒子相關的屬性，可極大地豐富和促進各個盒子乃至整個HTML文檔的表現效果和布局結構。
css盒子模式（模型）又稱為框模型 (Box Model) ，是由元素內容（）、內邊距（）、邊框（）、外邊距（）幾個要素組成的（如下圖所示）。
這些屬性我們可以把它轉移到我們日常生活中的盒子（箱子）上來理解，日常生活中所見的盒子也就是能裝東西的一種箱子，也具有這些屬性，所以叫它盒子模式。
css的盒子模式有什么用？
css中的盒子模式是為了讓人充分理解div+css模型的定位功能盒模型在網頁中的作用，就是利用盒子模型這樣的布局方式代替了傳統的表格布局方式。所以盒子模型是在學習div+css布局方式中必須要學習的一個模型，通過這個模型你就可以明白網頁中div和div之間的相對位置是如何布局的。
