在前端开发中，重置默认样式表是一个非常基础的工作，既能提高开发效率，又能提升网站性能。这时候，使用 NPM 包 @concise-online/reset.css 不仅能够减少开发工作量，还能避免不小心重置其他组件的样式的风险。在本文中，我们将探讨如何使用 @concise-online/reset.css ，让你的前端开发变得更加规范。
什么是 @concise-online/reset.css
@concise-online/reset.css 是一个基于CSS的 NPM 包，它包含了通用的CSS重置的规则，并且兼容当前的主流浏览器。
如何安装
在命令行中，使用 NPM 包管理器进行安装：
npm install @concise-online/reset.css
如何使用
一旦安装了 @concise-online/reset.css包，接下来就可以这样使用：
-- -------------------- ---- -------
--------- -----
------
------
----------------------------------
----- ---------------- --------------- -------------------------------------------------
-------
------
--------------
----
----------------
-----------------
-----
-------
-------在上例中，我们在html中引入reset.css文件。这将会让你的页面重置默认样式。
具体使用方法
@concise-online/reset.css 包含了一系列的 CSS 规则，比如针对 html，head，body 等元素的样式规则， 例如:
html {
font-family: sans-serif;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
body {
margin: 0;
}使用 @concise-online/reset.css 的方法很简单，只需将其引入到你的 HTML 文件中，就可以快速地重置默认样式了。
更新频率
@concise-online/reset.css 的维护者会不断更新该包的规则，以适应各浏览器厂商更新版本之后的兼容。
总结
使用 @concise-online/reset.css，可以有效减少花在自己撰写通用的CSS样式表上的时间，并且可以让项目开发更加规范。当然，使用它并不意味着你可以完全不关心页面样式的规范。只有结合实际项目开发经验，才能够更好地理解和掌握CSS的各种技巧。
我们希望，通过这篇文章，可以帮助到初学者快速上手，更好地使用 @concise-online/reset.css.
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066b5a51ab1864dac66f77