codecamp

Amaze UI 之CSS的打印样式

打印样式组件，打印时将 color 设置成黑色，删除 background 、text-shadow 、box-shadow 样式，以节省打印机耗材，加快打印速度。

1.显示 URL 链接

利用 CSS3 content 属性，将 <a> 和 <abbr> 的标题、链接显示在后面。

显示url

2.辅助 Class

  • am-print-hide 浏览器可见，打印机隐藏。
  • am-print-block、am-print-inline-block、am-print-inline 打印机可见，浏览器隐藏。在打印机中分别对应为block,inline-block,inline样式。

辅助CLASS

参考链接：
html5-boilerplate main.css

Amaze UI 之 CSS 中的文字排版
温馨提示
下载编程狮App，免费阅读超1000+编程语言教程
取消
确定
目录

开始使用

进阶开发

Amaze UI 之 CSS

基本样式

关闭

 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; }