CSS中的盒模型是指HTML元素的尺寸计算方式。盒模型由content、padding、border和margin四部分组成，如下图所示：

|-----------|
|   margin  |
|-----------|
|   border  |
|-----------|
|   padding |
|-----------|
|   content |
|-----------|

其中，content指的是元素的实际内容区域，padding是内容区域和边框之间的区域，border是边框本身，而margin则是元素和其他元素之间的距离。

CSS中定义的盒模型有两种，分别是标准盒模型和IE盒模型。标准盒模型是指元素的尺寸只包括内容区域，而IE盒模型则是指元素的尺寸包括content、padding和border三部分。

在CSS中，可以通过box-sizing属性来指定盒模型的计算方式。具体的取值包括content-box和border-box，其中content-box表示标准盒模型，而border-box表示IE盒模型。

下面是一个示例，演示如何使用box-sizing属性来指定盒模型的计算方式：

div {
  width: 200px;
  height: 100px;
  padding: 10px;
  border: 5px solid black;
  margin: 20px;
  box-sizing: border-box;
}

在上面的示例中，所有的尺寸都是相对于元素的内容区域计算的。也就是说，元素的实际尺寸是width加上左右padding和左右border的总和、height加上上下padding和上下border的总和，等于215px × 125px。而margin属性是指元素和其他元素之间的距离，不会影响元素的实际尺寸。

总体来说，盒模型在CSS中扮演着非常重要的角色，掌握好盒模型的计算方式和相关的CSS属性，有助于开发者更加准确地控制元素的大小和位置。