CSS盒子模型是CSS技術中的基本概念，它是指在瀏覽器中，每個HTML元素都被視為一個矩形的盒子，它由內容、內邊距、邊框和外邊距四個部分組成。 要制作盒子模型，需要掌握一些基礎的CSS屬性。 其中，最重要的是“box-sizing”屬性。它用于設定盒子模型的尺寸計算方式，可以有兩個值：content-box和border-box。 content-box是默認值，它意味著width和height只包括內容的大小，不包括邊框和內邊距。 border-box可以讓width和height包括邊框和內邊距，而不是只計算內容。 下面是一個示例代碼：

box-sizing:content-box;   /*盒子模型尺寸計算方式：內容大小*/
width:300px;              /*指定盒子的寬度*/
height:200px;             /*指定盒子的高度*/
padding:20px;             /*內邊距*/
border:1px solid #333;    /*邊框樣式*/
margin:20px;              /*外邊距*/

這個代碼將會生成一個尺寸為300px * 200px的盒子模型，內部填充了20px的空間，邊框寬度為1px，邊框顏色為#333，外部留有20px的外邊距。 通過掌握這些基礎的CSS屬性，我們可以輕松制作出更加美觀的HTML頁面，并且更好地實現頁面元素的布局和排版。