CSS盒子模型是网页设计中一个重要的概念。它指的是网页中的每个HTML元素被看作是一个矩形盒子，这个盒子有四个部分构成：
+---------------------+ | margin | | | | +-----------------+ | | | border | | | | | | | | +-------------+ | | | | | padding | | | | | | | | | | | | | | | | | +-------------+ | | | | | | | +-----------------+ | | margin | +---------------------+
盒子模型中的重要部分包括：
- Content（内容）：指的是盒子中所包含的HTML元素及它们的文本内容。
- Padding（内边距）：在内容和边框之间创建额外的空间。设置内边距会使盒子变得更大。
- Border（边框）：位于盒子的外部边缘，它的样式可以设定为实心、虚线、点线等。
- Margin（外边距）：位于盒子的边缘之外，空白区域用于与其它元素分隔。设置外边距会使盒子之间产生间距。
在CSS中，可以通过样式属性来控制盒子模型中的各个部分。例如：
.box {
width: 200px;
/* 盒子的宽度 */
height: 100px;
/* 盒子的高度 */
padding: 20px;
/* 内边距 */
border: 2px solid blue;
/* 边框 */
margin: 10px;
/* 外边距 */
}
以上代码表示一个宽200px，高100px，内边距为20px，边框为2px的蓝色边框，外边距为10px的盒子。
