CSS自动实现网页打印版本

　　CSS自动实现网页打印版本
　　许多网站上都有一个针对打印的版本，但实际上这并不需要，因为可以用CSS来设定打印风格。
　　也就是说，可以为页面指定两个CSS文件，一个用于屏幕显示，一个用于打印：
　　

 代码如下 复制代码
<link type="text/css" rel="stylesheet" href="stylesheet.css" media="screen" />
　　<link type="text/css" rel="stylesheet" href="printstyle.css" media="print" />

　　第1行就是显示，第2行是打印，注意其中的media属性。
　　但应该在打印CSS中写什么东西呢？你可以按设计普通CSS的方法来设定它。设计的同时就可以把这个CSS设成显示CSS来检查它的效果。也许你会使用 display: none 这个命令来关掉一些装饰图片，再关掉一些导航按钮。

时间： 2024-08-29 12:53:25

CSS自动实现网页打印版本的相关文章

使用CSS自动隐藏网页文字的技巧

文字隐藏应用广泛,但常用的方法没有什么亲和力.常用文字隐藏方法的缺陷: 1.display:none 这种方法搜索引擎可能认为被隐藏的文字属于垃圾信息而被忽略: 屏幕阅读器会忽略被隐藏的文字. 2.visibility: hidden 这种方法隐藏了文字却仍然占据物理空间. 3.推荐大家使用这个更好的方法: overflow:hidden .class{ display:block; /*统一转化为块级元素*/ width:0; height:0; overflow:hidden; } 从代码似

js 控制网页打印大全

 普通打印(整页打) 打印网页内部分内容(自定义) 打印去掉/添加页眉页脚 使用外部控件/方法实现多功能打印 打印背景 以上为代码控制 设置"页面设置"实现打印参数设置(Window系统图文版) 一.普通打印(整页打) 这个不用多说,直接用 引用:window.print(); 二.打印网页内部分内容(自定义) 分三种方法实现 1.用css控制 引用:@media print .a {display:block} .b {display:hidden} 把你不想打印的部分class设为

Javascript网页打印大全

普通打印(整页打)      打印网页内部分内容(自定义)        打印去掉/添加页眉页脚            使用外部控件/方法实现多功能打印            打印背景 以上为代码控制 设置"页面设置"实现打印参数设置(Window系统图文版) 一.普通打印(整页打) 这个不用多说,直接用 引用: window.print();   二.打印网页内部分内容(自定义) 分三种方法实现 1.用css控制 引用: @media print .a {display:block}

实现网页打印几种方法

如果要打印的只是整个页面中的一小部分,就最好采用第二种方法. 第一种方法:如果要打印的页面排版和原web页面相差很大,采用此种方法. 点打印按钮弹出新窗口,把需要打印的内容显示到新窗口中,在新窗口中调用window.print()方法,然后自动关闭新窗口. 指定打印区域 把要打印的内容放入一个 span或div,然后通过一个函数打印. <span id='div1'>把要打印的内容放这里</span> <p>所有内容</p> <div id="

网页打印功能，不同电脑预览效果不一样。

问题描述 网页打印功能,不同电脑预览效果不一样. SSH框架:用JSP页面设计了一个网页打印功能.但是为什么打印预览的效果,在不同的电脑上显示不同呢,求大神详细解析下,如果需要代码可以提出.跪求~ 解决方案 同版本的ie浏览器在不同电脑网页显示效果不一样,解决方法 解决方案二: 应该是浏览器的兼容问题吧!

基于jQuery实现网页打印功能_jquery

直接上代码 <!DOCTYPE html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>index</title> </head> <body> <div style="text-align:cent

web的各种前端打印方法之jquery打印插件jqprint实现网页打印_jquery

web的打印方法具我自己懂得知道的有: 1.JQuery插件Jqprint实现 2.JQery打印插件PrintArea实现网页打印 3.CSS控制网页打印样式 JQuery插件Jqprint实现: 首先要导入js文件: jquery.jqprint.js下载 复制代码 代码如下: <script language="javascript" src="jquery-1.7.1.min.js"></script> <script lang

JavaScript实现自动生成网页元素功能（按钮、文本等）_javascript技巧

创建元素的方法: 1.利用createTextNode()创建一个文本对象 2.利用createElement()创建一个标签对象 3.直接利用容器标签中的一个属性:innerHTML-----本质上改该标签容器中的"html代码",不是我们认为的对象树的操作 详解代码: <body> <input type="button" value="创建并添加节点1" onclick="addNode1()"/>

一种基于浏览器的自动小票机打印实现方案(js版)_javascript技巧

1.使用场景 用户在浏览器做了某项操作后,自动打印小票. 2.测试方式 2.1 JavaScript实现 尝试了很多办法,最终都会出现一个弹出框,让用户选择打印机.不符合我们需求. 2.2 lodop 功能比较强大,但是收费的.暂不考虑. 2.3 PAZU 功能也很强大,免费许可.非常赞! 详情:http://www.4fang.net/article/tech/pazu_tprinter.html 实现过程: 2.3.1 打印详情页面 <!doctype html> <html>