php控制打印机打印设置,专为控制打印设计的CSS样式
大多数Web设计师对打印控制还不是很熟悉,他们往往更迷恋像素,而不是打印机。在现实世界中,很多人依赖从网站上打印网页来参考: 在这个数字时代, 在一些特殊的场合,很多人手中还会拿着纸张。Web开发人员可以采取一些措施来弥补打印机和液晶屏之间的差距。
为打印机而不是屏幕设计的样式/* 样式将只应用于打印 */
@media print {
}
注* 也可通单独的CSS文件, 设置link的 media="print" 属性来指定此样式专用于打印
为您的网站重塑整个CSS是没有必要的,整体而言,由打印继承默认样;仅对不同的需要加以限定。为了节省打印时的碳粉,大多数浏览器会自动反转颜色。为了达到最佳效果,应使色彩变化明显:/*白纸黑字*/
@media print {
body {
color: #000;
background: #fff;
}
}
我们不是在创建整个网页的截图,只是为了展现一个设计良好,可读性强的网站:/*去除背景图片, 节约笔黑 */
h1 {
color: #fff;
background: url(banner.jpg);
}
@media print {
h1 {
color: #000;
background: none;
}
nav, aside {
display: none;
}
}
为了使打印机更具效率,应只显示主体内容,去除页眉页脚导航栏@media print {
h1 {
color: #000;
background: none;
}
nav, aside {
display: none;
}
body, article {
width: 100%;
margin: 0;
padding: 0;
}
@page {
margin: 2cm;
}
}
链接的处理
在打印机上链接是看不到的,应对超链接进行扩展/*在超链接后面添加带的完整地址*/
@media print {
article a {
font-weight: bolder;
text-decoration: none;
}
article a[href^=http]:after {
content:" ";
}
}
显示效果可能是这样的
控制打印设置选项
该@page规则允许您指定页面的各个方面。例如,你将要指定页面的尺寸。页边 距,页眉页脚等都是非常重要的。[很多浏览器均己支持]
@PAGE规则纸张大小设置
通过下面这条CSS您可以设置纸张大小,5.5英寸宽,8.5英寸高.@page {
size: 5.5in 8.5in;
}
你还可以通过别名控制纸张大小,如"A4"或“legal.”@page {
size: A4;
}
你还可以控制打印方向, portrait: 纵向打印地, landscape: 横向@page {
size: A4 landscape;
}
PAGE模型 The Page Model
在分页媒体格式模型中,文档被转移到一个或多个页面框。该页框是映射到一个矩形平面。这大致类似于css盒子模型。
注* 支持浏览器较少
@page { width: 50em; }
PAGE边距模型 Page-Margin Boxes
在进一步讨论之前,我们应该了解的页面的盒子模型,因为它的行为跟如何在屏幕上的工作有些不同。
页面模型定义了页面区域,然后划分了16个周边缘盒。可以控制页区域的大小和页区域的边缘和页面本身的端部之间的余量的尺寸。
左右页边距@page :left {
margin-left: 30cm;
}
@page :right {
margin-left: 4cm;
}
下面的css将在底部左边显示标题,在右下角的网页计数器,并在右上角显示一章的标题。@page:right{
@bottom-left {
margin: 10pt 0 30pt 0;
border-top: .25pt solid #666;
content: "Our Cats";
font-size: 9pt;
color: #333;
}
@bottom-right {
margin: 10pt 0 30pt 0;
border-top: .25pt solid #666;
content: counter(page);
font-size: 9pt;
}
@top-right {
content: string(doctitle);
margin: 30pt 0 10pt 0;
font-size: 9pt;
color: #333;
}
}
显示效果如下:
注* 此文整理自:Tips And Tricks For Print Style Sheets 和 Designing For Print With CSS 和 css3 page 规范
php控制打印机打印设置,专为控制打印设计的CSS样式相关推荐
- 打印设置(2)- 打印页码
打印设置(2)- 打印页码 设计要点:excel打印设置 秀秀:今天,小丽又挨训了, 阿金:为什么? 秀秀:主任看了她打印的库存清单,大喊:这么多页的存档报表,顺序不会乱么?! 阿金:那还是她从来没有 ...
- 专为控制打印设计的CSS样式
大多数Web设计师对打印控制还不是很熟悉,他们往往更迷恋像素,而不是打印机.在现实世界中,很多人依赖从网站上打印网页来参考: 在这个数字时代, 在一些特殊的场合,很多人手中还会拿着纸张.Web开发人员 ...
- css打印适应纸张_css控制打印样式
显示器(screen)和打印机(printer)是两种差别很大的设备,所以从浏览器里看到的页面,打印出来也许和你看到的样子有很大的差距.screen一般使用逻辑单位比如px,而打印机则应该使用物理单位 ...
- 打印机彩色打印设置(将彩色打印为黑色)
这天不知道谁手欠把打印机设置成了将彩色打印为黑色,害得我彩色打印的纸张都是黑麻麻的一片.真是艹蛋! 要不是发现的及时,特么的我得打废多少纸张啊. 打印机彩色打印设置:如图中所示将彩色打印为黑色的前边选 ...
- web网页打印设计的CSS样式
大多数Web设计师对打印控制还不是很熟悉,而不是打印机.在现实世界中,很多人依赖从网站上打印网页来参考: 为打印机而不是屏幕设计的样式 1 2 3 4 5 /* 样式将只应用于打印 */ @media ...
- 计算机服务里打印设置在哪,电脑打印页面设置在哪
大家好,我是时间财富网智能客服时间君,上述问题将由我为大家进行解答. 找电脑打印页面设置方法是: 1.首先是在电脑端左下角点击开始选项,找到设备和打印机选项: 2.点击 设备和打印机 进入到打印机界面 ...
- 东软医疗打印设置java,关于单据打印的调试方法常见问题与使用技巧
3.3.4.6.1什么是单据打印? 流程运转到特定的节点,需要把流程数据打印出来,这种根据流程数据生成特定格式文件的过程叫做单据打印. 单据打印首先需要根据用户的对打印的要求制作一个单据模板. 1, ...
- css 设置其它标签,有没有办法将CSS样式设置为特定输入类型的标签?
我为特定表单的标签设置了以下样式: #incidentForm label { font-weight:bold; width:40%; vertical-align:top; } 这正是我想要的整页 ...
- css设置1.5倍行高,用css样式设置行高:
代码1: [◇ 一月送你一个吉祥 ◇] [◇ 二月送你一个如意 ◇] [◇ 三月送你一个快乐 ◇] [◇ 四月送你一个欢喜 ◇] [◇ 五月送你一个健康 ◇] [◇ 六月送你一个福气 ◇] [◇ 七月 ...
最新文章
- 查看服务器CPU配置信息,转帖-CentOS查看CPU信息、位数、多核信息;查看服务器硬件信息...
- Wix安装程序中判断是否安装的.net framwork 4.5
- 数据结构与算法—递归算法(从阶乘、斐波那契到汉诺塔的递归图解)
- redis解决“高并发定时秒杀”库存误差问题
- 缺省参数-指定函数缺省参数的默认值
- Web服务器面临的五种应用层DOS威胁
- 车联网大数据框架_FEV:基于最新网关技术管理车联网大数据
- Mysql大数据中表分区的应用
- Python计算防蓝光眼镜加权阻隔率
- C++ STL之Set
- c语言输入身高计算标准体重_女生标准身高体重对照表
- 如何选择Spark Streaming 的Reveiver和Direct模式
- python turtle画熊猫人_Python 使用turtle插件,画小猪佩奇
- 【渝粤教育】国家开放大学2018年秋季 1374T班级管理 参考试题
- 写给非网工的CCNA教程(3)聊聊ping命令后的原理
- 【数理逻辑】命题和联结词 ( 命题 | 命题符号化 | 真值联结词 | 否 | 合取 | 析取 | 非真值联结词 | 蕴涵 | 等价 )
- JS之BigNumber.js 讲解
- 基于无线网络的环境监测系统
- 1354:括弧匹配检验(C C++)
- 31.3 Java进阶之lambda方法引用
热门文章
- 电脑文件备份到移动硬盘的方法
- 移动硬盘数据丢失如何恢复
- gtx660 linux驱动下载,佳能 NVIDIA GeForce GTX660 GPU 驱动程序下载-更新佳能软件(显卡)...
- 【历史上的今天】4 月 10 日:Github 诞生;人类第一张黑洞照片;计算机延误航天飞机
- 人形机器人视觉处理——走迷宫
- 为什么会出现锟斤拷?
- 但愿人长久,千里共婵娟---众智云
- linux中的码字软件,橙瓜码字神器手机版下载-橙瓜码字神器appv5.2.8-Linux公社
- 被你们恶搞多年,鲁迅终于坐不住了:求求你们了!我没说过!
- 【ROS基础】ROS_c++ 语法记录