如何删除 h1 h2 h3 h4 h5 h6 .h1 .h2 .h3 .h4 .h5 .h6 标签的默认填充

在CSS中，一些标签默认会带有一些样式，比如 h1, h2, h3, h4, h5, h6 和 .h1, .h2, .h3, .h4, .h5, .h6 标签，它们会默认带有一些填充（padding）和边距（margin）样式。当我们在进行前端开发时，可能会需要删除这些标签的默认填充样式，以便更好地控制其样式。

1. 使用重置样式表（Reset CSS）

在前端开发中，使用重置样式表是一个常见的做法，其中较受欢迎的样式表是 Normalize.css 和 Reset.css。

这些样式表旨在重置默认样式，包括所有HTML元素的填充和边距，以允许我们自己定义需要的样式。它们为我们提供了一个干净的板子，我们可以在其基础上构建样式。要使用重置样式表，只需要将其导入到你的CSS文件中。

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.1/normalize.min.css">

Normalize.css 所提供的样式可以消除浏览器的一些默认行为，并为跨浏览器的一致性提供了解决方案。而 Reset.css 相对更加彻底，是一种清除所有默认样式的方案。

2. 自定义样式

如果你不想使用某些库或者框架提供的样式库，我们也可以自定义样式来删除这些标签的默认填充。这种方法需要更多的代码，但是它可以允许你对你的应用程序进行更细粒度的控制。

你可以选择一个全面的解决方案，消除掉所有元素的默认样式，然后重新为每个元素应用自己的样式。以下是一个简单的示例，用于删除h1,h2,h3,h4,h5,h6标签的默认填充和边缘，然后重新定义自己的样式：

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

这样就删除了默认的填充。如果你想要更多的自定义样式，可以继续为这些标签添加属性，例如：

h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
  font-size: 24px;
  font-weight: bold;
  color: #333;
}

这样的代码让你拥有自己更为个性化的样式。

结论

删除标签默认填充的方法有很多，你可以选择使用 Normalize.css 和 Reset.css 这样的库，也可以自定义样式。使用重置CSS是更为简单直接的方法，而自定义样式可以让你拥有更细粒度的控制。