README

Normalize.css 是一个可定制的 CSS 文件，它使浏览器更一致地渲染所有元素，并符合现代标准。

该项目依赖于研究默认浏览器样式之间的差异，以精确地定位仅需要或从规范化中受益的样式。

查看测试文件

安装

npm: npm install --save normalize.css
cdnjs
下载.

不要在 Normalize.css 之前放置其他样式。

建议将 normalize.css 文件作为未修改的库代码包含在内。

它做了什么？

保留有用的默认值，与许多 CSS 重置不同。
为大量元素规范化样式。
纠正错误和常见的浏览器不一致性。
通过细微的改进提高可用性。
使用详细注释说明代码的功能。

浏览器支持

Chrome（最新版）
Edge（最新版）
Firefox（最新版）
Firefox ESR
Internet Explorer 8+
Opera（最新版）
Safari 6+

Normalize.css v1 提供了对旧版浏览器的支持（IE 6+，Safari 4+），但不再积极开发。

扩展详情

normalize.css 难懂部分的额外细节和解释。

`pre, code, kbd, samp`

使用 font-family: monospace, monospace 修复了 pre 格式化文本的字体大小继承和缩放问题。重复 monospace 是故意的。来源。

`sub, sup`

通常，使用 sub 或 sup 会影响所有浏览器中文本的行框高度。来源。

`svg:not(:root)`

添加 overflow: hidden 修复了 IE9 的 SVG 渲染问题。IE 的早期版本不支持 SVG，因此我们可以安全地使用现代浏览器在默认 UA 样式表中使用的 :not() 和 :root 选择器来应用此样式。 SVG 邮件列表讨论

`input[type="search"]`

默认情况下，搜索输入不能完全自定义。在 Chrome 和 Safari 的 OS X/iOS 上，您无法控制 font、padding、border 或 background。在 Windows 上的 Chrome 和 Safari 上，您无法正确控制 border。它将应用 border-width，但只会显示边框的外侧 1px 的边框颜色（无法控制）。应用 -webkit-appearance: textfield 解决这些问题，同时不删除搜索输入的优点（例如显示过去的搜索）。

`legend`

添加 border: 0 修复了 IE 8–11 中的一个漏洞，其中 color（是的，color）不会通过 legend 继承。来源。

贡献

请阅读贡献指南。

致谢

Normalize.css 是由 Nicolas Gallagher 启动的项目，与 Jonathan Neal 共同创建。

thatsus / bs-normalize

维护者

详细信息