[分享]css去掉标签自带的默认样式

在网页开发过程中，我们经常会发现一些标签自带了默认的样式，如a标签有下划线，h1标签有粗体等等。这些默认样式可能并不符合我们的设计需求，因此需要去掉它们。CSS提供了一些方法可以实现去掉这些默认样式。...

在网页开发过程中，我们经常会发现一些标签自带了默认的样式，如a标签有下划线，h1标签有粗体等等。这些默认样式可能并不符合我们的设计需求，因此需要去掉它们。CSS提供了一些方法可以实现去掉这些默认样式。

/* 去掉a标签的下划线 */
a {
  text-decoration: none;
}

/* 去掉h1标签的粗体 */
h1 {
  font-weight: normal;
}

/* 去掉ul标签的原点 */
ul {
  list-style: none;
} 

以上示例代码分别对应着去掉a标签的下划线、去掉h1标签的粗体和去掉ul标签的原点。我们可以根据需要自行修改相关标签的样式。

除此之外，还有一些标签如input、select等也有默认样式，需要根据实际情况进行调整。

总之，通过CSS可以轻松地去掉标签自带的默认样式，让网页样式更加符合我们的设计需求。