amazeui学习笔记--css(基本样式)--样式统一Normalize

一、总结

1、统一浏览器默认样式: Amaze UI 也使用了 normalize.css,就是让不同浏览器显示相同的样式

2、Normalize.css在默认的HTML元素样式上提供了跨浏览器的高度一致性

 

二、样式统一Normalize

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



 Copy



* {
margin: 0;
padding: 0;
border:0;
}


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

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

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