简介
nylira-normalize 是一个基于 normalize.css 的样式重置库，主要使用 CSS 选择器和属性将浏览器的默认样式进行重置，以保证网站在不同浏览器下的视觉表现一致。
安装
我们可以通过 npm 安装 nylira-normalize :
npm install nylira-normalize
或者在 HTML 中使用 CDN 引入：
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/nylira-normalize/nylira-normalize.min.css">
使用
引入
在项目中引入 nylira-normalize 的 css 文件：
<link rel="stylesheet" href="node_modules/nylira-normalize/nylira-normalize.min.css">
或通过导入 SCSS 文件：
@import 'node_modules/nylira-normalize/nylira-normalize';
定制
如果你想覆盖 nylira-normalize 中的某些样式，可以在项目的样式表中指定相应的样式规则。
-- -------------------- ---- -------
---- -
---------- -----
-
---- -
------------ ---------- ------ -----------
---------- -----
------------ ----
------ -----
-
--- --- --- --- --- -- -
------------ -----
----------- --
-------------- -----
-
- -
------ -----
---------------- -----
------- -
---------------- ----------
-
-
------- ------ ------- -------- -
------------ --------
---------- --------
------------ --------
-
----------------------- ------------------- -
----------- -----------
-------- --
-
-------- -
------- ---------
-
----- -
---------------- ---------
-
--- -
---------- -----
------- -----
-------- ------
-示例代码
-- -------------------- ---- -------
--------- -----
----- ----------
------
----- ----------------
----------------------- ----------
----- ---------------- ----------------------------------------------------------------
-------
------
--------
-----
----
------ ----------------------
------ -----------------------
------ ----------------------
------ -------------------------
-----
------
---------
------
-----------------
----------------- ----- ----- --- ----- ----------- ---------- ----- --- -- ------- ------ ---------- -- ------ -- ------ ----- ------- -- ---- -- ----- ------- ---- ------- ------------ ------- ------- ---- -- ------------
------
-------
---
------ ----------- ------------
--------
----
-------
---
------ --------------- ----------------
--------
----
------- -------------------------
-------
-------
-------
-------总结
nylira-normalize 是一个非常实用的 CSS 样式库，可以快速帮助我们重置不同浏览器的默认样式，保证页面在不同设备和浏览器的显示效果一致。在实际项目中，我们可以选择按需使用，通过覆盖样式规则来达到个性化定制。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066f9b3d1de16d83a66de6