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

发布于 2018-09-08 20:07:08 字数 1195 浏览 2335 评论 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 技术交流群。

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

发布评论

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

列表为空,暂无数据

关于作者

JSmiles

生命进入颠沛而奔忙的本质状态,并将以不断告别和相遇的陈旧方式继续下去。

0 文章
0 评论
84935 人气
更多

推荐作者

淹不死的鱼

文章 0 评论 0

zhangMack

文章 0 评论 0

爱的故事

文章 0 评论 0

linces

文章 0 评论 0

早乙女

文章 0 评论 0

鸵鸟症

文章 0 评论 0

    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击“接受”或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。