简介
在开发网站时，HTML 语言会自带一些默认样式，如字体、行高等。这些默认样式可能会对页面效果产生影响，因此需要通过 CSS Reset 进行重置。CSS Reset 是一种用于纠正 HTML 默认样式的方法，可以提供清空全部元素的样式，让页面样式更加一致和统一。
CSS Reset 原理
CSS Reset 的原理是通过清空 HTML 元素的样式，让样式规范化，从而更方便进行样式设计和开发。通常会使用一些标准的 CSS Reset 样式，如 Eric Meyer 的 Reset CSS，Normalize.css 和 Yahoo 的 YUI Reset CSS 等。
CSS Reset 的应用
步骤一：选择 CSS Reset 样式
选择合适的 CSS Reset 样式是应用 CSS Reset 的第一步。以下是 Eric Meyer 的 Reset CSS 样式，代码如下：
-- ----- --- --
----- ----- ---- ----- ------- ------- -------
--- --- --- --- --- --- -- ----------- ----
-- ----- -------- -------- ---- ----- -----
---- ---- --- ---- ---- ---- -- -- -----
------ ------- ------- ---- ---- --- ----
-- -- -- -------
--- --- --- --- --- ---
--------- ----- ------ -------
------ -------- ------ ------ ------ --- --- -- -
------- --
-------- --
------- --
-------- --
---------- -----
--------------- ---------
----------- ------------
-
---- -
------------ --
-
--- -- -
----------- -----
-
----------- - -
------- -----
-
------------------ -----------------
--------- ------- -
-------- ---
-------- -----
-
----- -
---------------- ---------
--------------- --
-这是一份比较完整的 Reset CSS，其中包括对 HTML 中所有元素的样式清空。但是需要注意，这份样式会清空所有元素的样式，而在实际应用时需要根据具体情况做出取舍，避免影响页面布局以及其它样式的设置。
步骤二：将 Reset CSS 引入页面
将选择好的 CSS Reset 样式引入到 HTML 页面中，可以使用 <link> 标签引入外部 CSS 文件，也可以使用 <style> 标签将样式写在 HTML 文件中，如下所示：
------
------
----- ---------------- -----------------
-------
------
---
-------
-------或者：
------
------
------ ----------------
-- ----- --- --
---
--------
-------
------
---
-------
-------步骤三：应用 Reset CSS
CSS Reset 样式引入页面后，需要应用到页面元素上，以重置默认样式。例如，如果要清空所有 <p> 标签的样式：
- -
------- --
-------- --
-总结
CSS Reset 可以有效地使页面样式更加一致和统一，提高开发效率。在应用 CSS Reset 时，需要注意清空样式的具体内容，避免对页面布局和其它样式的设置造成影响。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/6492bfa548841e989408cf02