请简述 CSS 盒模型的组成部分，并说明如何通过 CSS 属性来调整盒模型的大小。

答题要点

推荐使用分层分析法来回答该问题。首先明确要阐述的层次，即盒模型的组成和调整大小的属性。关键要点如下：1. 盒模型组成：盒模型由内容区（content）、内边距（padding）、边框（border）和外边距（margin）组成。内容区是元素实际显示的内容，内边距是内容区与边框之间的距离，边框围绕着内边距和内容区，外边距则是元素与其他元素之间的距离。2. 调整内容区大小：可使用 width 和 height 属性来设置内容区的宽度和高度。3. 调整内边距：使用 padding 属性，可分别设置上、右、下、左四个方向的内边距。4. 调整边框：通过 border 属性设置边框的宽度、样式和颜色。示例话术：“CSS 盒模型主要由内容区、内边距、边框和外边距组成。要调整盒模型大小，对于内容区，我们可以用 width 和 height 属性；调整内边距用 padding 属性；边框则通过 border 属性来设置。例如，设置 content 的宽度为 200px，可使用 width: 200px; 。”