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

发布于 2018-09-08 字数1544 浏览 814 评论 0

Normalize.css 是一个可定制的 CSS 文件,使浏览器呈现的所有元素,更一致和符合现代标准。它正是针对只需要统一的元素样式。该项目依赖于研究浏览器默认元素风格之间的差异,精确定位需要重置的样式。这是一个现代的,HTML5-ready 的 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会有意想不到的效果,我没有做过测试,用与不用就看各位的了。

如果你对这篇文章有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助。

扫码二维码加入Web技术交流群

您暂时不能评论!

管理员开启了需要登录才能够评论,你可以免费注册一个本站的账号。

还没有评论!

目前还没有任何评论,快来抢沙发吧!