CSS樣式的框模型是一種定義HTML元素盒子尺寸的方式。每個HTML元素都是矩形盒子，可以包含內容，內邊距，邊框和外邊距等屬性。 在CSS中，通過四個屬性來定義CSS盒子模型，即：

width: 寬度;
height: 高度;
padding: 內邊距;
margin: 外邊距;

其中，width和height屬性定義了元素的寬度和高度，padding屬性定義了元素內容區(qū)域和邊框之間的距離，margin屬性定義了元素與周邊元素之間的距離。在CSS中還有一個border屬性，用于定義元素的邊框。

下面是一個使用CSS樣式的框模型的例子：

div{
width: 200px;
height: 200px;
padding: 20px;
margin: 10px;
border: 1px solid black;
}

在上面的例子中，我們定義了一個div元素，并設置了它的寬度和高度為200px，內邊距為20px，外邊距為10px，邊框的樣式為實線，寬度為1px，顏色為黑色。這樣，我們就定義了一個200*200的方形盒子，它的總寬度為200+20*2+1*2+10*2=272px，總高度為200+20*2+1*2+10*2=272px。

CSS樣式的框模型是CSS中的一個重要概念，它為我們提供了一種靈活的方式來控制HTML元素盒子的布局，使HTML頁面更加美觀和易讀。