在前端开发过程中，我们经常会发现自己写出的页面布局可能与我们期望的有所偏差，这通常是由于浏览器的默认样式造成的。这实际上是浏览器由于历史原因而存在的问题，无论是 old school 浏览器还是最新的浏览器都会有这个问题。
为了解决这个问题，CSS Reset 技术应运而生。CSS Reset 的主要目的是将所有 HTML 元素的样式设置为相同的基本值。这样，我们可以获得一致的样式表现，避免受到浏览器默认样式的影响。
Bootstrap 带有基本 CSS Reset 方法
Bootstrap 是一套以 HTML、CSS 和 JavaScript 为基础的开源 Web 前端框架，旨在为开发者提供开箱即用的组件和工具，以便快速开发现代化的 Web 应用程序。Bootstrap 不仅提供了一些非常棒的组件和工具，还提供了用于快速开始新项目的基础 CSS 样式。
在 Bootstrap 中，它提供了一个简单的 CSS Reset 功能，可以将所有 HTML 元素的样式设置为相同的基本值。这个 CSS Reset 的主要作用是清除一些浏览器自带的样式，并将所有 HTML 元素的样式属性设置为统一的值，这样可以确保多个浏览器的表现一致。
在 Bootstrap 中，这个设置是通过 normalize.css 实现的。这个文件就是一个 CSS Reset 文件，在 Bootstrap 的样式定义之前引入，就可以防止任何浏览器默认样式的影响。
-- -------------------- ---- -------
--------- -----
----- ----------
------
----- ----------------
---------------- ---------------
----- ---------------- --------------------------------------------------------------------------------
----- ---------------- -----------------------------------------------------------------------------
-------
------
-------
-------总结
CSS Reset 技术可以帮助我们解决浏览器默认样式对我们开发的影响，确保我们页面的表现与设计一致。而 Bootstrap 基于 normalize.css 的 CSS Reset 功能，可以快速地帮助我们实现这个目标。
在我们使用 Bootstrap 开发 Web 应用程序时，不需要再通过其他方式来实现 CSS Reset 了。当然，如果你不使用 Bootstrap，你仍然需要在你的项目中添加 CSS Reset 文件来确保你的页面表现一致。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/65466e477d4982a6eb06cdc3