前言
在我们开发网页时，难免会遇到浏览器的兼容问题。CSS Reset 就是为了解决这类问题而被提出的。CSS Reset 顾名思义，即重新设置 CSS 样式规则，以消除不同浏览器之间的默认样式差异，以便开发者能够更加方便地在各种浏览器中获得一致的样式效果。
历史
在 2004 年，Eric Meyer 很早就发布了第一个 Reset CSS 的版本。这个版本通过为所有 HTML 元素设置了空值的边距，内填充和边框，来解决不同浏览器之间的差异。这个版本最初的设计目的是为了解决基于可访问性的问题，而不是为了解决浏览器之间的差异问题，但是后来被广泛用于前端开发中。
随着浏览器的不断发展和升级，CSS Reset 也在不断地升级。目前，CSS Reset 主要分为两种类型：压缩类型和完整类型。
压缩型 CSS Reset
压缩型 CSS Reset 以极简的方式覆盖了各种浏览器的默认样式。其主要思路是将所有样式规则设置为一个基础的初始状态，以便于开发者按照自己的需求进行完整的样式设置。
以下是一些较为流行的压缩型 CSS Reset：
1. Normalize.css
Normalize.css 是一个十分流行的 CSS Reset 工具，其不仅仅能消除不同浏览器之间的差异，还能修复一些常见的 bug，包括但不限于针对 input 和 button 样式的修复，同时还提供了 html5 的增强。
安装示例：
----- ---------------- ---------------------
2. Reset.css
Reset.css 是最早的一种 CSS Reset 工具，并慢慢发展成了一种基础样式库，它的思路是尽可能地将大多数样式恢复为没有样式的初始状态。
安装示例：
----- ---------------- -----------------
完整型 CSS Reset
完整型 CSS Reset 是一个比较全面的 CSS Reset 工具，它会针对网站的每个页面进行一次完整的样式重置，提供了一个干净且具有全局意义的样式集合，可以从根本上解决浏览器之间的差异问题。
以下是一些较为流行的完整型 CSS Reset：
1. YUI 3 Reset
YUI 3 Reset 是 Yahoo! UI Library 的一部分，是一个十分完整的 CSS Reset 工具，其清除了大部分 HTML 元素的默认样式，提供了一整套的 CSS 样式规则，并且支持响应式设计。然而 YUI 3 Reset 需要花费较多的时间来学习和了解，因此只适用于大型 Web 项目。
安装示例：
----- ---------------- -----------------------------------------------------------------------
2. HTML5 ★ Boilerplate
HTML5 ★ Boilerplate 是一个极其流行的完整型 Reset，它既是一个全面的 Reset，又是一个 Web 项目的基础模板，它包括了许多有用的 CSS 规则和 JavaScript 插件，并且提供了许多不同的选项与配置，以适应不同的网站需求。
安装示例：
----- ---------------- -------------------------------------------------------------------------------- ----- ---------------- ---------------------------------------------------------------------------------------
结论
CSS Reset 是一种非常有效的方法，能够消除不同浏览器之间的样式差异。在实际开发中，开发者往往会选择压缩型或完整型 CSS Reset 工具，以提高网站的可访问性和用户体验。对于不同的项目需要选取不同的 Reset 工具，并根据实际需求进行修改和调整。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/670c693166ef9cf37fb0df56