当前位置: 首页 > 图文教程 > 网页制作 > CSS样式表 > 如何禁止打印页面

CSS样式表
CSS网页设计 IE8和IE7共存
CSS2 打印属性让打印HTML文档不出问题
制作网页中设计段落缩进的方法
CSS border 属性使用说明
CSS border-style 属性使用方法
CSS border-color 属性使用方法
CSS border-width 属性使用教程
CSS padding属性定义边内补白
CSS margin 属性定义边外补白
网页布局教程 掌握CSS网页布局属性
css 背景样式属性说明
span margin 设置生效
html 滚动条在IE6和IE7中兼容性问题
IE6 两个div有间隙的问题(IE 3px bug)
CSS 数字和字母将容器撑大问题解决
换个角度看页面重构中的语义化
DIY属于个人开发使用的CSS Reset
CSS 空格引起网页布局间距问题
CSS 网页制作时遇到问题的快速参考技巧
css li 去掉点的样式写法

CSS样式表 中的 如何禁止打印页面


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-12   浏览: 51 ::
收藏到网摘: n/a

解决思路:
要真正禁止打印页面是办不到的,但是如果能设置让用户打印到的是空白,也算是实现禁止打印的目的了。
具体步骤:
代码示例:
<html>
<head><title>不可打印的页面</title>
<style>
@media print{
body{display:none}
}
</style>
</head>
<body>
文档主要内容
</body>
</head>
注意:@media print{}规则中所定义的CSS仅对打印时的页面生效。
技巧:在很多论坛中在打印帖子时都是用一个专门的页面来实现,如果能熟练运用@media print{}规则,就不用单独做一个打印用的页了。
提示:
@media print{}规则中可以用来代码print的还有all和screen。
类似@media的规则如表2.2.1所示。
规则说明
@import指定导入的外部样式表及目标媒体。该规则必须在样式表头部最先声明
@charset在外部样式表文件内使用。指定该样式表使用的字符集。
@font-face设置嵌入HTML文档的OpenType字体(需IE5+支持)
@media指定样式表规则用于指定的媒体类型(需IE5.5+支持)

特别提示
运行本例代码,然后打印网页,打印结果将不包括"文档主要内容"。
特别说明
本例主要运用了@media规则来定义页面对于打印时应用的样式,print意思是所定义的CSS应用于打印机,类似的print媒体类型还有:
all 应用于所有类型的设备
screen 应用于计算机的显示器