什么是 CSS Reset
CSS Reset 是指一系列的 CSS 规则，它们被用来移除浏览器默认样式并为网页元素提供一组基本规则。它的目的是让你的网页看起来一致且跨浏览器兼容。
为什么要使用 CSS Reset
在不同的浏览器中，不同的元素会有各自的默认样式。因此，为了确保你的网站在各种浏览器和平台上看起来一样，使用 CSS Reset 是非常重要的。
CSS Reset 的具体内容
以下是一个基本的 CSS Reset，你可以将其添加到你的样式表中。
-- -------------------- ---- -------
----- ----- ---- ----- --- --- --- --- --- --- -- ---- --- --- --- --- ------- ------ ---- ----- -------- -------- ------ ------ ------- -------- ----------- ------- ------- ------- ------- ----- ---- -------- ----- -
------- --
-------- --
------- --
---------- -----
----- --------
--------------- ---------
-
-------- ------ -------- ----------- ------- ------- ------- ------- ----- ---- ------- -
-------- ------
-
---- -
------------ --
-
--- -- -
----------- -----
-
----------- - -
------- -----
-
------------------ ----------------- --------- ------- -
-------- ---
-------- -----
-
----- -
---------------- ---------
--------------- --
-以上代码的实际作用是把每个元素的 margin、padding 和 font-size 都设为0，border 设置为none，所有元素的字体样式继承，一些元素的 display 属性设置为 block，等等。
当你加载这段 CSS Reset 代码后，你会得到完全“清理”后的地图，让你从头开始设计。
示例代码
下面，我们通过实际示例来演示如何使用 CSS Reset。
-- -------------------- ---- -------
--------- -----
----- ----------
------
----- ----------------
---------- ----- ---------------
----- ---------------- -----------------
-------
---------------
--------
-------
------
---------- -----------
------- -- -- ------- -- --- -- --- --- ----------
-------
-------在上面的示例中，我们通过添加 reset.css 样式表，并在页面中使用<h1>和<p>标签来演示使用 CSS Reset 后的页面效果。
总结
使用 CSS Reset 可以帮助你创建一个干净的 HTML，使你的网站看起来一致且跨浏览器兼容。通过本文的介绍和示例代码，你可以轻松学会使用 CSS Reset。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/644fecd9980a9b385b9281c4