[分享]css内补白与外补白

在CSS中，内补白和外补白是非常基础的样式属性，用于调整元素的内外间距。它们可以通过padding和margin属性来设置。padding: 上 右 下 左;margin: 上 右 下 左;其中，四个...

在CSS中，内补白和外补白是非常基础的样式属性，用于调整元素的内外间距。它们可以通过padding和margin属性来设置。

padding: 上 右 下 左;

margin: 上 右 下 左;

其中，四个参数分别表示上、右、下、左四个方向的补白值。如果只设置一个参数，则四个方向的补白值均为该值。如果设置两个参数，则上下补白取第一个值，左右补白取第二个值。

内补白指的是元素内部和内容之间的空间。通过增加元素的内补白值，可以增加元素内容与元素边缘之间的距离。

外补白指的是元素和其周围其它元素之间的距离。通过增加元素的外补白值，可以增加元素与其它元素之间的距离。

需要注意的是，补白值可以是负数，这样可以使元素的内容或边缘重叠。

除了使用四个参数外，还可以使用两个参数的缩写形式。例如，以下代码将为元素设置上下补白为10像素，左右补白为20像素：

padding: 10px 20px;

同样的，以下代码将为元素设置上下外补白为10像素，左右外补白为20像素：

margin: 10px 20px;

在一些特殊的应用场景中，这些属性的作用可能会有所不同。但是通常情况下，这两个属性都是用于调整元素的边距，使得页面的布局更加合理。