打印机打印CSS样式表的注意事项
也许我们已经发现,在使用打印机进行打印使用Div+CSS的网页时会出现很多空白,和在显示器上浏览网页时大不相同。
这中现象是CSS样式表导致的,CSS样式表针对不同的设备可以定义不同的样式表。比如显示器、手持设备、投影仪等。
在Html中插入样式表的代码:
?
其中media指定的属性就是设备,显示器上就是screen,打印机则是print,电视是tv,投影仪是projection。
也就是说我们可以给同一个页面添加多个不同的样式,让它们根据不同的设备自行选择对应的样式表。
以打印样式表为例,我们可以新建一个打印样式表,在网页中链接。
但打印样式表也应有些注意事项:
1、打印样式表中最好不要用背景图片,因为打印机不能打印CSS中的背景。如要显示图片,请使用html插入到页面中。
2、最好不要使用像素作为单位,因为打印样式表要打印出来的会是实物,所以建议使用pt和cm。
3、隐藏掉不必要的内容。
4、打印样式表中最好少用浮动属性,因为它们会消失。
如果想要知道打印样式表的效果如何,直接在浏览器上选择打印预览就可以了相关阅读:
JS对HTML标签select的操作
firefox样式表定义不支持cursor:hand
js星空效果代码
javascript学习随笔(使用window和frame)的技巧
XHTML+CSS兼容性解决方案小集
Asp.net 文件上传类(取得文件后缀名,保存文件,加入文字水印)
如何在 Microsoft Visual Studio 2005 中创建控制台应用程序
javascript实现鼠标选取拖动或Ctrl选取拖动
js 函数的副作用分析
asp.NET开发中正则表达式中BUG分析
多字段模糊搜索的函数
JS 日历控件(蓝色)
网页变灰配合全国哀悼日的css代码 20100421
Linux下创建自解压tar文件