CSS Reset 是一组样式集合，用于在不同操作系统和浏览器之间统一标签的渲染效果。在 Web 开发中，由于不同的开发工具和浏览器本身的差异，同一个标签的渲染效果可能会有很大的差别。而 CSS Reset 就是为了解决这个问题而产生的。
为什么需要 CSS Reset？
在设计网站时，开发者通常会使用不同的样式表和框架，这会导致同一个标签在不同的浏览器上渲染效果各异。这给页面的样式设计和维护带来了很大的困难。在这种情况下，使用 CSS Reset 就可以大大简化这个问题。
如何正确使用 CSS Reset？
正确使用 CSS Reset 的关键在于清楚地知道哪些标签需要重置。通常来讲，重置所有的 HTML 标签的 CSS 样式可能会让页面失去基本的样式特征，因此我们需要清楚地知道每个标签的样式特征，才能有的放矢地选择需要重置的样式。
这里提供一份常用的 CSS Reset 样式表：
-- -------------------- ---- ------- -- --- ----- -- ----- ----- ---- ----- ------- ------- --- --- --- --- --- --- -- ----------- ---- -- ----- -------- -------- ---- ----- ----- ---- ---- --- ---- ---- ---- -- -- ----- ------ ------- ------- ---- ---- --- ---- -- -- -- ------- --- --- --- --- --- --- --------- ----- ------ ------- ------ -------- ------ ------ ------ --- --- -- - ------- -- -------- -- ------- -- -------- -- ---------- ----- --------------- --------- ----------- ------------ -
通过这份样式表，我们可以清楚地看到需要重置的标签和它们对应的样式特征。这样我们就可以根据自己的需求，有的调整重置样式表。
总结
CSS Reset 的作用在于统一浏览器在渲染不同 HTML 标签时的表现，提高开发效率和代码可维护性。在使用 CSS Reset 时需注意重置的范围和粒度，才能达到最好的效果。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64957d1648841e98942a660e