Skip to content
前端小尚 edited this page Feb 28, 2015 · 6 revisions

本模块提供使浏览器样式标准化的函数$global-normalize(),在.styl文件中调用该函数即可生成normalize.css的样式,使得浏览器呈现的所有元素,更一致和符合现代标准。

$global-normalize()生成如下内容:

http://necolas.github.io/normalize.css/3.0.2/normalize.css

与reset模块$global-reset()函数的区别:

  • $global-normalize()统一了所有浏览器的样式表现,比如:给h1样式统一了font-size、margin;给figure统一了margin样式;等等。但它并不会去初始化ul、li的内外边距。
  • $global-reset()是对各种标签进行初始化,初始化了font-size、margin、padding等等
  • $global-normalize()适合在正文排版时使用,$global-reset()更适合用来做网页初始化。
Clone this wiki locally