在前端开发过程中，重置样式表是必不可少的一步。为了避免浏览器默认样式对页面的影响，我们需要手动清除它们。这也就是所谓的 “reset” 样式表，可以消除不同浏览器之间的一些兼容性问题。
在这样的情况下，unreset.css 这个 npm 包就可以满足我们的需求。它是一个非常轻量化的样式表，除了重置浏览器的默认样式外，没有添加其他的样式。本篇文章将会讲述如何使用 unreset.css 这个 npm 包。
安装
首先，创建一个前端项目，并进入该项目的根目录。
然后，通过以下命令安装 unreset.css：
--- ------- -----------
安装完成后，我们就可以开始使用 unreset.css 了。
使用
使用 unreset.css 很简单，只需要在项目的入口文件（例如 index.html 或 App.vue）中引用它就行了。
---- ---------- ---
--------- -----
----- ----------
------
----- --------------- --
--------- -----------
----- ---------------- ------------------------------------------------------ --
-------
------
---- ---- ---
-------
-------需要注意的是，在引用样式表时，路径前必须使用 ./node_modules/，因为样式表是安装在项目的 node_modules 目录下的。
示例
为了更好地理解如何使用 unreset.css，下面是一个示例：
---- ---------- ---
--------- -----
----- ----------
------
----- --------------- --
--------- -----------
----- ---------------- ------------------------------------------------------ --
-------
------
---------- -----------
-------
-------这时，我们可以在浏览器中查看页面。如果一切顺利，<h1> 标签的文本应该没有被加粗，且没有上下外边距。
结语
如此简单的使用 unreset.css，使我们的项目的工作量减轻了很多。因此，在开始新的前端项目时，建议使用 unreset.css 来重置样式表，避免浏览器的默认样式影响开发工作。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/60055fe381e8991b448dd7f7