CSS盒子填充，也叫内边距（padding），指的是盒子内部元素与盒子边缘之间的距离。在CSS中，我们可以使用padding属性来设置盒子的填充值。
.box{
padding: 10px;
}
上面的代码表示设置.box类的盒子的填充值为10像素。padding属性还可以使用四个方向值分别设置填充值，如padding-top、padding-right、padding-bottom、padding-left。
.box{
padding-top: 20px;
padding-right: 10px;
padding-bottom: 30px;
padding-left: 40px;
}
上面的代码表示设置.box类的盒子上、右、下、左四个方向的填充值依次为20像素、10像素、30像素、40像素。
在默认情况下，盒子内部元素的宽度会受到盒子填充值的影响，即盒子内部元素的宽度会减去填充值。不过，我们还可以设置box-sizing属性来改变这一默认设置。box-sizing属性有两个值：content-box（默认值）和border-box。content-box表示盒子内部元素的宽度不包括边框和填充，而border-box表示盒子内部元素的宽度包括边框和填充。
.box{
box-sizing: border-box;
}
上面的代码表示设置.box类的盒子内部元素的宽度包括边框和填充。
总之，CSS盒子填充是一个很实用的功能，可以让我们在设计布局时更加方便地掌控盒子的样式和大小。
