Jquery中文网 www.jquerycn.cn
Jquery中文网 >  CSS教程  >  正文 小技巧:打印样式的相关知识

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

发布时间:2019-11-09   编辑:www.jquerycn.cn
jquery中文网为您提供小技巧:打印样式的相关知识等资源,欢迎您收藏本站,我们将为您提供最新的小技巧:打印样式的相关知识资源
今天有个朋友问我关于打印样式的问题,当时正是工作时间一时不好回答,只好在工作完成后整理,总结一下打印样式的相关知识。
先来了解一下什么叫打印样式?打印样式也就是说通过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 ),当用户用它来浏览一个打印输出页面时,它会截去浮动元素中的内容。这些内容就不会被传送到打印机,下一个页面也不会有它的踪影

您可能感兴趣的文章:
小技巧:打印样式的相关知识
photoshop基础图层与蒙版使用技巧心得
photoshop基础常用对齐技巧心得分享一览
CameraRaw五个优化技巧分享一览
photoshop十个简单好用的照片处理技巧分享
怎么用python比较三个数大小
JavaScript+CSS控制打印格式(示例)
photoshop图层相关实用知识分享
JQuery结合CSS操作打印样式的方法
awk基础知识(1)-使用规则

[关闭]