在进行前端开发的过程中，我们会经常遇到类似样式不统一的问题。这其中最常见的问题就是不同浏览器下的默认行高不一致。为了解决这个问题，我们可以使用 CSS Reset。
什么是 CSS Reset？
CSS Reset 是一种通用的 CSS 样式集合，它能够消除浏览器默认的样式，并为 HTML 元素设置一致的样式。通常情况下，我们会将 CSS Reset 放在样式表的最开始位置，这样能够确保它先于其他样式生效，使得后续的样式开发更加方便和统一。
消除各浏览器下的默认行高
我们在进行前端开发的时候，不同浏览器下的默认行高往往不一致，这给网页的开发和设计带来了很大的困扰。在此，我们可以使用以下代码来清除各浏览器下的默认行高：
* {
margin: 0;
padding: 0;
line-height: 1;
}上述代码中的“*”代表选中页面中的所有元素。我们通过将所有元素的 margin 和 padding 设置为 0，这样就能够消除掉默认的间距。而将 line-height 设置为 1，则是为了让行与行之间没有间隔，从而达到更好的视觉效果。
示例代码
以下是一个示例代码，它将展示如何使用 CSS Reset 消除各浏览器下的默认行高：
-- -------------------- ---- -------
--------- -----
------
------
---------- ---------------
-------
-- --- ----- --
- -
------- --
-------- --
------------ --
-
-- ---- --
---- -
------ ----
------- - -----
---------- -----
------------ ------ -----------
-
-- -
---------- -----
------------ -----
-------------- -----
-
- -
------------ ----
-------------- -----
-
--------
-------
------
---------------
---
------------------- --- ----- --------------------------
----
---
------------------------------------
----
-------
-------结论
通过使用 CSS Reset，我们能够消除各浏览器下的默认行高，从而达到更好的视觉效果。在实际开发中，我们可以将 CSS Reset 放在样式表的最开始位置，这样能够确保它先于其他样式生效，使得后续的样式开发更加方便和统一。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6703b99dd91dce0dc84c613a