CSS 重置边距填充

CSS重置是一种常见技术，它通过去掉默认的浏览器样式来让网站更易于自定义样式，这也包括边距和填充。在这篇文章中，我们将深入研究如何重置并自定义这些样式。

什么是边距和填充？

边距和填充是两个影响网站布局和样式的重要概念。

边距是元素周围的空白区域，它们使元素与其他元素和浏览器窗口之间保持一定的距离。可以为每个边距定义一个单独的值，也可以使用复合属性设置所有边距的统一值。

填充是元素的内容和元素边框之间的空白区域。它们可以被用来给元素提供额外的空间，为内容创造更多的空间。与边距一样，可以定义单独的值或使用复合属性。

CSS重置边距填充

默认情况下，每个网站的浏览器都会应用一些默认的边距和填充。这些值可能与您的网站布局和样式相冲突，因此可以通过CSS重置来去除它们。

以下是一些示例，说明如何使用CSS重置边距和填充。

去除所有边距和填充

*{
  margin: 0;
  padding: 0;
}

在上面的示例中，通配符(*)将作用于所有元素，并将边距和填充设置为0。

去除特定元素的边距和填充

h1, h2, h3, h4, h5, h6, p{
  margin: 0;
  padding: 0;
}

在上面的示例中，我们去除了所有标题和段落元素的边距和填充。

自定义边距和填充

.container{
  margin: 20px;
  padding: 10px;
}

在上面的示例中，我们为特定的元素类添加了自定义边距和填充。

总结

通过去除默认的边距和填充并自定义它们，您可以更轻松地控制网站中的样式和布局。使用上面的CSS代码示例，可以帮助您开始使用CSS重置边距和填充。