什么是 normalize.css？
normalize.css 是一个用于重置浏览器默认样式的 CSS 库。它的目标是使所有浏览器的默认样式表现一致，从而减少在不同浏览器中的样式差异，并提供更好的开发体验。
normalize.css 并不是一个重置所有样式的库，而是一个重置浏览器默认样式的库。它将常见的元素样式进行了统一，如标题、段落、列表等，但并不会对所有元素进行重置。同时，normalize.css 还包含了一些修复浏览器的 bug 的样式。
如何使用？
使用 normalize.css 很简单，只需要在你的 HTML 文件中引入 normalize.css 文件即可。你可以通过下载 normalize.css 文件或使用 CDN 引入。
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/normalize.css@8.0.1/normalize.css">
引入 normalize.css 文件后，你就可以在你的 CSS 文件中编写样式，而不用担心浏览器默认样式的影响。
示例代码
下面是一个使用 normalize.css 的示例代码：
-- -------------------- ---- -------
--------- -----
------
------
----- ----------------
--------- ------------- -----------
----- ---------------- ----------------------------------------------------------------------
-------
---- -
------------ -----------
---------- -----
------------ ----
------ -----
-
--- --- -- -
------------ -----
------------ ----
-------------- ----
-
- -
-------------- ----
-
--- -- -
-------------- ----
------------- ----
-
-- -
-------------- ------
-
--------
-------
------
------ ------------- --------
--------------
-----------------
----
-------------------
--------------------
-----
-----------------
----
-------------------
--------------------
-----
-------
-------在这个示例代码中，我们引入了 normalize.css 文件，并编写了一些基本的样式。由于使用了 normalize.css，我们不用担心不同浏览器的默认样式的影响，可以更加专注于编写我们自己的样式。
总结
normalize.css 是一个非常有用的 CSS 库，可以帮助我们重置浏览器的默认样式，减少在不同浏览器中的样式差异，并提供更好的开发体验。在实际开发中，我们可以通过引入 normalize.css 文件来使用它，从而专注于编写我们自己的样式。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/655c9983d2f5e1655d6c93af