边缘(margin)和衬垫(padding)的区别

边距与填充

边距和边距的区别是CSS的一个重要方面，因为边距和边距是CSS中用来提供不同项目之间间距的两个重要概念。填充和页边距是不可互换的，具有不同的用途，因此必须适当使用。填充是块的内容和边框之间的空间。另一方面，边距是块边界之外的空间。边距将块与相邻块分隔开，而填充将边框与内容分隔开。

在CSS（级联样式表）中，填充是内容和边框之间保留的空间。它将块的内容与其边缘分离。填充是透明的，并且包括元素的背景图像或背景色。元素的填充量是通过在CSS代码中使用术语“padding”来指定的。例如，要在内容周围添加25像素的填充，可以使用以下代码。

div{宽度：300px；高度：300px；填充：25px；边框：25px实心；}

如果需要，还可以为左、右、上和下分别指定不同的填充值。下面的代码段为每边指定了不同的填充值。

div{宽度：300px；高度：300px；顶部填充：25px；底部填充：35px；左侧填充：5px；右侧填充：10px；边框：25px实体；}

在CSS（级联样式表）中，margin是边框之外的空间。它将一个块与其他块分开。边距也是透明的，但与填充的一个很大区别是，边距不包括应用于元素的背景图像或背景颜色。CSS中的保证金金额使用术语“margin”指定。下面的代码在div块周围应用了25px的边距。

div{宽度：320px；高度：320px；边框：5px实心；边距：25px；}

也可以为块的不同侧面指定不同的值。下面的代码为每边应用不同的边距值。

div{宽度：320px；高度：320px；边框：5px实心；上边距：25px；下边距：35px；左边距：5px；右边距：10px；}

•Padding是边框和内容之间的空间，margin是边框之外的空间。

•填充将块的内容与边框分隔开。边距将一个街区与另一个街区隔开。

•填充包括应用于内容的背景图像和背景颜色，而边距不包含这些内容。

•相邻块的边距可以重叠，而填充不重叠。

小结：

填充是块边框内分隔边框和内容的空间。边距是将一个块与相邻块分隔开的边框外的间距。另一个区别是，填充包括应用于内容周围的背景图像和背景颜色，而边距不包含它们。当浏览器呈现页面时，相邻块的边距有时可能会重叠，但对于填充来说，这种情况不会发生。