当我们开始编写一个网页时，我们通常会发现浏览器的默认样式会影响我们的设计。为了避免这种影响，我们通常会使用 CSS reset 来重置默认样式。在本文中，我将介绍 5 个值得使用的 CSS reset，帮助您更好地进行前端开发。
1. Normalize.css
Normalize.css 是最受欢迎的 CSS reset 之一，它的目标是在保持浏览器的默认样式的基础上，提供一致的跨浏览器的样式。Normalize.css 会把所有元素的 margin 和 padding 设置为 0，并为链接和按钮添加默认样式。
使用 Normalize.css 很简单，只需要在文档头部添加以下代码即可：
----- ---------------- ---------------------
2. Meyerweb CSS Reset
Meyerweb CSS Reset 是另一个流行的 CSS reset，它旨在清除所有浏览器样式的差异，从而使所有浏览器的元素呈现出一致的外观。与 Normalize.css 不同，Meyerweb CSS Reset 可以完全重置链接和按钮的样式。
使用 Meyerweb CSS Reset 也非常简单，只需要在文档头部添加以下代码：
----- ---------------- --------------------
3. Eric Meyer’s “Reset CSS”
Eric Meyer’s “Reset CSS” 是一个极简的 CSS reset，它只包括几行 CSS 代码，用于还原浏览器的默认样式。它会将 margin 和 padding 设置为 0，并将链接的文字颜色设置为黑色。
使用 Eric Meyer’s “Reset CSS” 也很简单，只需要在文档头部添加以下代码：
----- ---------------- -----------------
4. HTML5 Reset Stylesheet
HTML5 Reset Stylesheet 是一个专门为 HTML5 网页设计而创建的 CSS reset，它旨在消除浏览器样式的不一致性，并将 HTML5 元素标签的样式保持一致。
HTML5 Reset Stylesheet 设计良好，并且易于使用。只需将以下代码添加到文档头部即可：
----- ---------------- ----------------------
5. Yahoo! Reset CSS
Yahoo! Reset CSS 是一个旨在清除浏览器默认样式的 CSS reset，它可以让您从头开始设计您自己的样式表。与其他 CSS reset 不同，Yahoo! Reset CSS 使用更多的样式规则，包括 CSS3 规则，并且还包括了一些非常实用的类，如 clearfix。
使用 Yahoo! Reset CSS 也很简单，只需要在文档头部添加以下代码：
----- ---------------- -----------------------
总结
在前端开发中，重置默认样式是一个非常好的实践，可以确保您的网站在所有浏览器和设备上的外观一致。以上这 5 个 CSS reset 都非常适合用于您的项目中，具体使用哪个取决于您的项目需要和个人喜好。使用任何一个 CSS reset，您都可以启动一个不受默认样式影响的新项目。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/6450b981980a9b385b9a931f