CSS的box模型属性是用来定义HTML元素的尺寸和布局的。这个模型将元素看作是一个矩形框，由四个部分组成：内容区、内边距、边框和外边距。

.box {
width: 200px;
height: 100px;
padding: 10px;
border: 2px solid black;
margin: 20px;
}

以上的CSS代码将会限定一个元素的宽度为200像素，高度为100像素，并且在其中添加10像素大小的内边距、2像素黑色实线边框以及20像素的外边距。

下面是每个部分的详细解释：

• 内容区：元素的实际内容
• 内边距：内容和边框之间的距离
• 边框：包围内容和内边距的线条
• 外边距：元素与其它元素之间的距离

这些属性都是可以被单独设置的，例如您完全可以只设置边框的大小并且去除内边距：

.box {
width: 200px;
height: 100px;
border: 2px solid black;
padding: 0;
margin: 20px;
}

这个代码将会得到一个与之前相同尺寸的元素，但是内部没有内边距。

这个box模型属性是非常有用的，可以帮助我们对元素的样式和布局进行更精细的控制。