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

转载于:https://www.cnblogs.com/Renyi-Fan/p/9006026.html

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

amazeui学习笔记--css（基本样式3）--文字排版Typography
amazeui学习笔记--css(基本样式3)--文字排版Typography 一.总结 1.字体:amaze默认非衬线字体(sans-serif) 2.引用块blockquote和定义列表:引用块 ...
amazeui学习笔记--css（基本样式2）--基础设置Base
amazeui学习笔记--css(基本样式2)--基础设置Base 一.总结 1.盒子模型:外margin,内padding,这里的内外指的边框 2.border-box:Amaze UI 将所有元素 ...
amazeui学习笔记--css（基本样式4）--打印样式Print
amazeui学习笔记--css(基本样式3)--打印样式Print 一.总结 1.打印显示url方法: 利用 CSS3 content 属性,将 <a> 和 <abbr> 的 ...
amazeui学习笔记--css（常用组件4）--关闭按钮Close
amazeui学习笔记--css(常用组件4)--关闭按钮Close 一.总结 1.关闭按钮基本用法:关闭按钮样式,可以结合其他不同组件使用.对 <a> 或者 <button> ...
amazeui学习笔记--css（HTML元素2）--代码Code
amazeui学习笔记--css(HTML元素2)--代码Code 一.总结 1.行内代码:code标签<code> 2.代码片段:pre标签<pre> 3.限制代码块高度:添 ...
amazeui学习笔记--css（HTML元素4）--图片image
amazeui学习笔记--css(HTML元素4)--图片image 一.总结 1.响应式图片:随着页面宽度而变化 .am-img-responsive class. <img src=&quo ...
amazeui学习笔记--css（布局相关3）--辅助类Utility
amazeui学习笔记--css(布局相关3)--辅助类Utility 一.总结 1.元素清除浮动: 添加 am-cf 这个 class 即可 2.水平滚动: .am-scrollable-horiz ...
amazeui学习笔记--css（常用组件1）--小徽章Badge
amazeui学习笔记--css(常用组件1)--小徽章Badge 一.总结 1.am-badge:添加am-badge来声明小徽章对象 <span class="am-badge a ...
amazeui学习笔记--css（布局相关2）--等分网格 AVG Grid
amazeui学习笔记--css(布局相关2)--等分网格 AVG Grid 一.总结 1.与grid区别:网格中:am-g + am-u-xx-n 等分网格中只有一个: am-avg-sm-4(在u ...

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

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

一、总结

二、样式统一Normalize

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

最新文章

热门文章