因此，创建一个打印机友好的页面就是把一个不同的CSS文件链接到相同的XHTML页面上。
创新互联专注于江华企业网站建设,自适应网站建设,电子商务商城网站建设。江华网站建设公司,为江华等地区提供建站服务。全流程定制网站，专业设计，全程项目跟踪，创新互联专业和态度为您提供的服务
第在HTML页面加入为打印机设置的CSS文件media=screen ，是面向屏幕的；media=print ，是面向打印的；第建立打印版本的页面，去除不必要的页面元素，如导航、侧栏、广告、版权等。
一，下载并安装pdf下载地址：http：//code.google点抗 /p/wkhtmltopdf/downloads/list上面有各种平台下安装的安装包，英文不好的直接谷歌翻译一下。
我们下面来看CSS设置页面打印的具体内容有两种实现的方式第一种CSS代码在这里经常使用，仅在通过设置内部的“media =”print“”进行打印时才应用CSS。
方法一：使用link引入外部样式表。media属性设置为print，表示该样式作用于打印。import方式引入样式表。@import url(css/printstylesheet.css) print；以上代码引入的样式可以用于打印样式。
CSS 打印无法指定文档是否为双面打印 (Duplex Printing)，是否双面打印应该通过用户代理指定。不管是否双面打印，CSS 打印总是包含左页和右页 (分别通过 ：left ， ：right 指定) 。
新建一个html文件，命名为test.html。在test.html文件内，使用span标签创建一段文字的展示，并设置其id属性为tar。在test.html文件内，再使用button标签创建两个按钮，一个显示按钮，另一个隐藏按钮。
使用link引入外部样式表： 以上代码的CSS样式用于屏幕显示效果，对于打印无效。关键在于media属性值。 以上代码的样式代码可以用于打印内容。
一说起CSS隐藏元素，我想大部分小伙伴们都会想到的第一种方法就是设置display为none。这是最为人所熟知也是最常用的方法。
我们下面来看CSS设置页面打印的具体内容有两种实现的方式第一种CSS代码在这里经常使用，仅在通过设置内部的“media =”print“”进行打印时才应用CSS。
display：none可以隐藏某个元素，且隐藏的元素不会占用任何空间。该元素不但被隐藏了，而且该元素原本占用的空间也会从页面布局中消失。display：block可以显示一个块元素，或者display：inline是显示一个内联元素。
1、方法一：使用link引入外部样式表。media属性设置为print，表示该样式作用于打印。import方式引入样式表。@import url(css/printstylesheet.css) print；以上代码引入的样式可以用于打印样式。
2、第在HTML页面加入为打印机设置的CSS文件media=screen ，是面向屏幕的；media=print ，是面向打印的；第建立打印版本的页面，去除不必要的页面元素，如导航、侧栏、广告、版权等。
3、使用link引入外部样式表： 以上代码的CSS样式用于屏幕显示效果，对于打印无效。关键在于media属性值。 以上代码的样式代码可以用于打印内容。
当 white-space 为 pre 时，换行符有效、多个空格及Tab不会被折叠，文本不会自动换行。此属性多用来展示程序代码段，可以保留其中的换行及缩进，而事实上，的浏览器默认样式中就有 white-space： pre； 。
你只需要在你的.html文件中插入一个prefixfree.js文件(可以是文档任何地方)，建议把这个脚本文件放在样式表之后。 添加这个脚本之后，使用CSS3的属性时，只需书写标准样式即可。但是这种做法将所有压力交给了客户端来处理。
这并不影响屏幕上的显示效果。在网页头部调用 link href=用于打印的css文件地址 type=“text/css” rel=“stylesheet” media=“print” / media=“print” 意思就是在打印的时候启用该样式。
CSS如何设置对象中第一行文本的样式： 可能有时候需要特别设置对象中第一行文本的样式，下面简单介绍一下。
样式属性：a：link：定义链接点击前的样式。a：visited：定义链接点击后的样式。a：active：定义链接被激活时的样式，也就是鼠标按下时的样式。a：hover：定义鼠标悬浮于连接上时的样式。
在 CSS 中使用 @import 在 HTML 中使用 link 标签 在 @media print 或 my-print-style.css 中，可以自由的修改大部分样式。
screen（屏幕）print（打印）tv（电视）projection（投影仪）all（全部）当然还有其他的类型，但是我们主要就是介绍使用print来制作打印页面。
A4纸的尺寸是210*297mm。竖向打印，你需要把html页面的内容设置成210mm的宽度。
在 @media print 或 my-print-style.css 中，可以自由的修改大部分样式。使用打印媒介查询可以自定义很多样式，当希望改变页面大小、边距等，就需要用到 @page 了。
第在HTML页面加入为打印机设置的CSS文件media=screen ，是面向屏幕的；media=print ，是面向打印的；第建立打印版本的页面，去除不必要的页面元素，如导航、侧栏、广告、版权等。