您当前的位置:首页 > 计算机 > 编程开发 > Html+Div+Css(前端)

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

时间:12-14来源:作者:点击数:

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会有意想不到的效果,我没有做过测试,用与不用就看各位的了。

  • 项目地址: necolas.github io/normalize.css/
方便获取更多学习、工作、生活信息请关注本站微信公众号城东书院 微信服务号城东书院 微信订阅号
推荐内容
相关内容
栏目更新
栏目热门
本栏推荐