normalize.css 有什么用

 

1. 跨浏览器样式统一
   这是它最核心的功能。不同的浏览器对一些 HTML 元素的默认样式（例如，标题 <h1> 的文字大小、列表 <ul> 的左内边距、按钮的外观等）有细微的差异。normalize.css 会针对这些差异进行调整，让所有浏览器的默认样式尽量保持一致，从而避免同样的代码在不同浏览器上出现“水土不服”的情况。

2. 保留有用的默认样式，而非全部重置
   这与传统的 CSS Reset（如 * { margin: 0; padding: 0; }）思路不同。CSS Reset 通常会“暴力”地清除所有元素的默认样式，让开发者从零开始定义。而 normalize.css 则更为“温和”，它只修正各浏览器不一致的地方，同时保留那些有用的默认样式（比如标题 <h1> 默认就是粗体，段落 <p> 默认有上下边距）。这可以让你站在浏览器的默认“肩膀”上开始工作，而不是从“零”开始。

3. 修复浏览器的 Bug 和现代样式增强
   normalize.css 不仅处理样式差异，还会修复一些旧版本浏览器的知名 CSS Bug，并让新式 HTML5 元素的样式在旧浏览器中也能正常显示。例如，它会让 audio, video, canvas 等元素在不同环境下表现正确。

4. 具备良好的可定制性和模块化
   通常 normalize.css 的代码结构清晰，并带有注释。你可以很方便地下载它，根据自己项目的需求进行定制，比如移除你不想要的部分，或者调整某些默认值。许多现代前端框架和模板（如 Create React App）也将其作为默认的样式基础。

 

https://github.com/necolas/normalize.css

软件/资源下载方式：

滑动到上方购买后即可下载，如果链接失效，请添加站长微信（laifeizhouma)，软件/资源/教程/源码均为站长耗费精力收集而来，整理不易，赚个热干面钱希望理解 如果有长期需求，建议充值钻石VIP或者永久VIP，大部分资源对VIP都是免费的