CSS盒模型是指在HTML文檔中，每個元素都可以被看做一個矩形的盒子，而這個盒子又可以分為兩種形式：傳統盒模型和W3C盒模型。

傳統盒模型：我們在CSS中設置width和height屬性時，這兩種屬性所設置的數值是代表content的寬度和高度，而padding和border設置的值不會影響content的大小，這兩個屬性的值是加在width和height之外的。如下：

.box {
width: 100px;
height: 80px;
border: 1px solid black;
padding: 10px;
}

上述代碼中，.box元素的content大小為100px * 80px，添加了1px的邊框和10px的padding，最終的盒子大小為122px * 102px。

W3C盒模型：W3C盒模型跟傳統盒模型不一樣，它的大小包括了content、padding和border，即在CSS中設置width和height屬性時，這兩項屬性代表的是content+padding+border的大小。如下：

.box {
width: 100px;
height: 80px;
border: 1px solid black;
padding: 10px;
box-sizing: border-box;
}

上述代碼中給.box元素添加了box-sizing:border-box屬性，這個屬性告訴瀏覽器使用W3C盒模型，最終的盒子大小為100px * 80px。

總結：CSS盒模型一共有兩種形式，傳統盒模型和W3C盒模型。傳統盒模型是指CSS中設置的width和height屬性只代表content的大小，而padding和border屬性的值是加在width和height之外的；W3C盒模型是指CSS中設置的width和height屬性代表的是content+padding+border的大小，這個大小不會被padding和border屬性的值所影響。