amazeui学习笔记--css（基本样式）--样式统一Normalize

2024-08-31 17:21:42

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> 样式

最新文章

热门文章