小技巧：打印样式的相关知识

今天有个朋友问我关于打印样式的问题，当时正是工作时间一时不好回答，只好在工作完成后整理，总结一下打印样式的相关知识。

先来了解一下什么叫打印样式？打印样式也就是说通过CSS指定给打印机来识别的打印时的输出样式。在HTML中链接的打印样式是：
<link rel="stylesheet" rev="stylesheet" type="text/css" media="print" href="css/print.css" />
基中的media="print"就是表明这个样式是指定给打印设备读取的。而在显示器上使用的则是media="screen"，用在投影仪上的则是media="projection"。除了这些还有手持设备，可以说W3C在未来的WEB发展上做好了一定的预见性。

打印样式有哪些注意事项呢？

打印样式中不推荐使用背景，因为浏览器默认情况下并不能打印出CSS中的背景内容，只有当浏览器被设置可以打印背景的情况下才能打印出背景。（此处意见由嗷嗷提供）
打印设置使用的是物理单位，所以尺寸最好不要用像素(px)，可以用pt也可以用cm
打印与网页不一样，打印一定要留下白边，单位用英寸(in)。
如果需要在打印内容中出现图片，请在HTML代码中加入。
尽可能的在HTML代码中做好内容重要的先后次序，这样在打印样式中可以节省不少的麻烦。
隐藏不需要的或是次要的内容。
尽量不要让内容浮动，有些浏览器打印浮动的div的过程中，会有一个麻烦，需要特别加以注意。例如，基于Gecko的浏览器（例如Netscape 6 ），当用户用它来浏览一个打印输出页面时，它会截去浮动元素中的内容。这些内容就不会被传送到打印机，下一个页面也不会有它的踪影――它消失了。（此处意见由怿飞提供）
如何测试打印样式？通常来说我们不可能用打印机来进行测试，在IE浏览器菜单栏“文件”中有“打印预览”，可以通过这个打印预览来做测试。

关键词：

【推荐给好友】【关闭】

最新五条评论

查看全部评论

评论总数 0 条

您的评论

用户名： （新注册） 密　码： 匿名：

·用户发表意见仅代表其个人意见，并且承担一切因发表内容引起的纠纷和责任
·本站管理人员有权在不通知用户的情况下删除不符合规定的评论信息或留做证据
·请客观的评价您所看到的资讯，提倡就事论事，杜绝漫骂和人身攻击等不文明行为

标签：

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有