Normalize.css 重置浏览器元素样式

  • Z时代
  • 2024-01-10
  • 分类：IT

Normalize.css 是一个可定制的 CSS 文件，使浏览器呈现的所有元素，更一致和符合现代标准。它正是针对只需要统一的元素样式。该项目依赖于研究浏览器默认元素风格之间的差异，精确定位需要重置的样式。这是一个现代的，HTML5-ready 的 CSS 重置样式集。

Normalize.css 重置浏览器元素样式

浏览器会默认给某些元素添加样式，比如 BODY 默认有 5px 的 Margin 和 Padding，H1 标题默认字体大小为 24px，如果自己编写网页代码，肯定需要将这些样式重置，但是又不是很确定那些标签拥有默认的样式，那么这个工具可以帮助您，使用方法就是直接引入文件即可，但是必须在你自定义样式引入位置的前面，不然会覆盖您自己设置的样式：

<link rel="stylesheet" href="normalize.css">
<link rel="stylesheet" href="yourstyle.css">

虽然是一个很好的工具，但是可能并不适合中文网页，因为里面定义的字体都是使用的百分数比如：

sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

对于中文网页，只有将字体设置为大于 12px 的偶数才会有明显的效果，有人说设置为13px会有意想不到的效果，我没有做过测试，用与不用就看各位的了。

  • 项目地址：http://necolas.github.io/normalize.css/

  • 中文版：https://www.wenjiangs.com/wp-content/uploads/2018/09/Normalize-zh.css

以上是 Normalize.css 重置浏览器元素样式 的全部内容， 来源链接： utcz.com/p/231972.html

回到顶部