codecamp

Amaze UI 样式统一

在统一浏览器默认样式上,一度流行使用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;

Amaze UI 之 CSS
Amaze UI 之 CSS的基础设置
温馨提示
下载编程狮App,免费阅读超1000+编程语言教程
取消
确定
目录

关闭

MIP.setData({ 'pageTheme' : getCookie('pageTheme') || {'day':true, 'night':false}, 'pageFontSize' : getCookie('pageFontSize') || 20 }); MIP.watch('pageTheme', function(newValue){ setCookie('pageTheme', JSON.stringify(newValue)) }); MIP.watch('pageFontSize', function(newValue){ setCookie('pageFontSize', newValue) }); function setCookie(name, value){ var days = 1; var exp = new Date(); exp.setTime(exp.getTime() + days*24*60*60*1000); document.cookie = name + '=' + value + ';expires=' + exp.toUTCString(); } function getCookie(name){ var reg = new RegExp('(^| )' + name + '=([^;]*)(;|$)'); return document.cookie.match(reg) ? JSON.parse(document.cookie.match(reg)[2]) : null; }