当我们开发一个网站或应用时，浏览器默认样式会给我们带来很多不必要的麻烦。有些元素的样式在不同浏览器间也会有所不同，这就可能影响我们应用的效果和用户体验。要解决这个问题，我们可以使用 CSS Reset。
CSS Reset 简介
CSS Reset 可以理解为一种针对浏览器默认样式的重置 CSS 文件。它的主要作用是把所有元素的默认样式都设置为相同的值，并且使用标准的样式，从而规避浏览器默认样式的干扰。
CSS Reset 的一个重要原则就是，让你的网站或者应用达到一个统一的样式基础，这样我们就可以根据自己的需求来定义样式，并且确保在不同的浏览器或者设备中展现出相同的样式和效果。
常见的 CSS Resets
以下列举了一些常见的 CSS Resets，供大家参考。这些 Resets 都是经过大量实践验证的，它们能够有效地清除浏览器默认样式并且只保留标准样式。
Normalize.css
Normalize.css 是一种使用了广泛的 CSS Reset 文件，它旨在提供一个统一的 CSS 样式基础，并且确保在不同的浏览器或者设备中展现出相同的样式和效果。
<!-- 在 head 中引入 Normalize.css 文件 --> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/normalize.css" />
Eric Meyer's Reset CSS
Eric Meyer's Reset CSS 是一种在 2000 年左右非常流行的 CSS Reset 文件，它旨在提供一种通用的 Reset 方法。它的过程是先清除浏览器默认样式，再在此基础上提供一些通用样式。
<!-- 在 head 中引入 Eric Meyer's Reset CSS 文件 --> <link rel="stylesheet" href="https://meyerweb.com/eric/tools/css/reset/reset.css" />
自定义 CSS Reset
如果你觉得以上的 CSS Resets 不适合你的需求，或者你想更多地了解 CSS Reset 的原理和实现方法，你可以自己编写一个 Reset 文件。以下是一个简单的自定义 Reset 示例：
-- -------------------- ---- ------- -- ---------------- -- - - ------- -- -------- -- - -- ----------- -- --- -- - ----------- ----- - -- ---------- -- - - ---------------- ----- ------ ----- -
总结
通过使用 CSS Reset，我们可以清除浏览器默认样式并且建立起一个统一的样式基础，从而更好地实现我们的应用和网站。在选择 CSS Reset 时，我们需要根据自己的需求和项目特点来选择合适的 Reset 文件，并且也可以自己编写一个 Reset 文件来满足个性化需求。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64560fe2968c7c53b0957c9d