在 Web 开发中，处理浏览器默认样式是很烦恼的一件事情，这个时候 reset 样式就派上了用场，reset-this 作为一款 reset 样式的 npm 包，它提供了轻量、简单、易用的 CSS reset 方案，可以快速规避浏览器默认样式的影响。本文将介绍如何安装和使用 reset-this。
安装 reset-this
通过 npm 命令进行安装：
npm install reset-this
使用 reset-this
在页面中引用 reset-this，可以选择将 reset-this 中的样式直接复制到项目的 CSS 文件中，也可以直接引用 reset-this 提供的 CSS 文件。
复制 reset-this 的样式到项目中
将 reset-this/src/reset.css 文件的样式复制到项目中的 CSS 文件中。
在 HTML 中直接引入 reset-this 提供的 CSS 文件
在 HTML 的 head 中引用 reset.css 文件：
<head>
<link rel="stylesheet" type="text/css" href="./node_modules/reset-this/dist/reset.css">
</head>代码示例
在代码中使用 reset-this 将会让我们的开发更加高效快捷：
-- -------------------- ---- -------
--------- -----
------
------
----- ----------------
----- --------------- ---------------------------- -----------------
----------------- ----------
----- ---------------- --------------- ------------------------------------------------
-------
-- ------- --
---- -
----------------- --------
-
-- -
----------- -------
---------- -----
-
--------
-------
------
-------------- -------
-------------
----
----------------
----------------
----------------
-----
---- ---------------- --- ------
-------
-------最终效果如下：
总结
reset-this 是一款非常好用的 reset 样式工具，其提供了简单易用的 CSS reset 方案，能够快速规避浏览器默认样式的影响。在前端开发过程中，使用 reset-this 将会极大地提高开发效率和开发质量。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005566781e8991b448d33bc