CSS盒子模型

CSS盒子模型是指在网页中，每个元素都被看作是一个矩形的盒子，这个盒子包括了元素的内容、内边距、边框和外边距。CSS盒子模型主要包含以下几个部分：

1. 内容（Content）：盒子中实际包含的内容，例如文本、图片等。

2. 内边距（Padding）：内容与边框之间的间距，可以用来控制内容与边框之间的距离。

3. 边框（Border）：包围内容和内边距的边框线，可以设置边框的样式、宽度和颜色。

4. 外边距（Margin）：盒子与周围元素之间的间距，可以用来控制盒子与其他元素之间的距离。

CSS盒子模型的宽度和高度计算方式是将内容的宽度和高度加上内边距、边框的宽度再加上外边距的宽度。

在CSS中，可以使用盒子模型相关的属性来控制盒子的样式和布局，例如width（宽度）、height（高度）、padding（内边距）、border（边框）、margin（外边距）等。通过调整这些属性的值，可以实现不同的盒子布局效果。