CSS | 清除属性

在使用CSS时，我们经常需要重置或清除一些HTML元素的默认样式或继承的样式，以便更好地实现自己的设计。但是，不同浏览器对于一些属性的默认样式不尽相同，造成了兼容性问题。本文将介绍清除属性的几种方法，帮助你更好地解决CSS兼容性问题。

1. 使用 * 通配符清除所有属性

使用 * 通配符可以清除一个元素的所有属性，包括继承来的和通过类、id等设置的。这种方法十分暴力，可能会引起一些不必要的问题，所以不建议在整个页面中使用。

* {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

2. 重置常用属性

通过重置一些常用属性可以达到清除样式的效果，例如：

body, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
dl, dd, ol, ul, form, fieldset, legend,
input, textarea, th, td {
  margin: 0;
  padding: 0;
}

3. 使用 Normalize.css

Normalize.css 是一个流行的CSS库，可以帮助标准化不同浏览器之间的样式。它旨在解决不同浏览器之间的差异，同时保留有用的浏览器默认样式。

你可以通过以下方式在你的项目中使用 Normalize.css：

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/normalize.css@8.0.1/normalize.css">

4. 使用 Eric Meyer 的 reset CSS

Eric Meyer 是CSS领域的一位专家，他设计了一份重置CSS文件，可以清除跨浏览器之间的默认样式。如果你使用这个reset CSS文件，你需要一个自己的CSS文件进行自定义。可以在这里下载：Eric Meyer’s “Reset CSS” 2.0。

结语

以上是几种清除CSS属性的方法，每种方法都有其优缺点，需要根据实际情况进行选择。建议在写CSS时，尽量减少使用重置样式这类方法，因为它会增加代码量。在需要的时候，优先选择Normalize.css。