CSS中的盒子模型是指HTML元素在渲染时所呈现的模型。盒子模型由四个部分组成：内容区域、内边距区域、边框区域和外边距区域。其中，内边距和外边距是我们今天要重点讨论的内容。
/* 设置内边距 */
.box{
padding: 20px;
}
/* 设置外边距 */
.box{
margin: 20px;
}
内边距指的是元素内容区域和元素边框之间的空间，可以使用CSS属性“padding”进行设置。例如，对一个名为“box”的元素设置20px的内边距，可以使用如下CSS：
外边距指的是元素边框和相邻元素之间的空间，可以使用CSS属性“margin”进行设置。例如，对一个名为“box”的元素设置20px的外边距，可以使用如下CSS：
同时，还可以使用“padding-top”、“padding-right”、“padding-bottom”、“padding-left”与“margin-top”、“margin-right”、“margin-bottom”、“margin-left”来设置元素的上、右、下、左四个方向的内边距和外边距。
需要注意的是，元素的内边距和外边距会影响到元素的总宽度和高度。例如，一个宽度为100px、内边距为20px的盒子实际宽度为140px，而一个高度为100px、外边距为20px的盒子实际高度为140px。
因此，在设置元素的宽度和高度时需要考虑元素的内边距和外边距。对于一些需要精确控制尺寸的元素，例如图片和按钮等，需要根据具体情况来设置内边距和外边距。
