阅读(3055) (0)

Amaze UI 样式统一

2016-10-28 10:47:26 更新

在统一浏览器默认样式上,一度流行使用Reset ,更有简单粗暴的通配符 reset :

* {
    margin: 0;
    padding: 0;
    border:0;
}
时过境迁,Reset 逐渐淡出的前沿前端的视野,由normalize.css 取而代之。normalize.css,统一样式的同时保留可辨识性;reset 统一样式,完全没有可读性,分不清是男人、女人,或者是不男不女,看着都一样。


因此,Amaze UI 虽然也使用了 normalize.css,但部分细节做了一些调整:

  • 移除 <dfn> 斜体字样式
  • 移除 <h1> 样式
  • <img> 设置最大宽度为 100%
  • html 添加 -webkit-font-smoothing: antialiased;
  • <hgroup> 已经从 W3C 标准中移除,不建议使用
  • <figure> 外边距设置为 0
  • <textarea> 添加 vertical-align: top; resize: vertical;