网页制作页面打印设置
作者：佚名 时间：2014-03-26
打印从来就不是HTMl网站功能制作的强项。事实上，HTML和XHTML标准有意忽略了打印，因为打印要采用页面布局，可是HTML和XHTMl没有布局工具。
作者使用级联样式表来格式化和布置他们的HTML/XHTMl文档内容，因此CSS2标准引入了某些基本分页控制功能，以例作者帮助浏览器计算出如何最好地显示他们的文档，这一点听起来并不觉得惊讶。这些功能被分为两类：定义特定页面布局的那些功能，以及控制文档分页的那些功能。
定义页面
作为对框模式的扩展，CSS定义了“页面框（pge box）”，就是在有限的区域内显示内容的框。页面框不必对应物理纸张，用户代理会在打印的过程中把一个或多个页面框映射到纸张上，许多小的页面框可能符合单面；大的页面框可以维放为符事一张纸的大小，或者根据浏览器的处理分开到多张纸上。
在打印过程中，内容流入页面框中，它被适当地进行了分页，并传输到硬拷贝输出设备上的目标纸张上。页面框的大小根据浏览器显示窗口的不同而有很大差异，因此打印的文档的流动和显示也会与其屏幕上的表现完全不同。很多时候，要为自己的文档取得一个特定显示的外观一般都是不可能的。但是，可以使用css2的分页功能帮助浏览器以有效的方式打印文档。
使用特殊的@page规则定义页面框。@page关键字后面紧跟的是可选的页面名称，后面跟有用分号分开并包含在花括号中的属性列表。这些属性定义了页面框的大小、边界和外观。
使用size属性指定页面框的大小。此属性的值既可以是一、两个长度值，也可以是portrait、landscape或auto这些关键字中的一个。如果提供了一个单独的长度值，它会生成一个正方形，也就是将页面的宽度和高度都设置为那个值。两个长度值分别设置了页面的宽度和高度。portrait关键字指定的是本地可接受的页面尺寸，也就是高度大于宽度）（一般情况下是8 1/2比11英寸），而landscape使用的本地可接受的页面尺寸是宽度大于高度（一般情况下是11比8 1/2英寸）。最后，auto生成的页面框与在其上打印文档的目标纸张尺寸相同。
一般情况下，应该使用特殊的pagesize关键字来确保文档在本地环境下打印良好。使用:
@page normal{size:8.5in 11in}
这适合美国的情况，但是欧洲地区却会失败。相反，在欧洲要使用：
@page normal{size:portrait}
这在美国应该选择8.5"x 11"的页面，在欧洲则应该选用A4纸（规则中normal是指页面的名称）
使用@page规则内的margin、margin-top、margin-bottom、margin-left和margin-right属性设置页面的边界。请记住，浏览器可以定义边界以在目标表中显示页面框，因此你的边界会加在那些边界之上。没有定义页面框默认的边界，而且它们是独立于浏览器而存在的。
最后，使用@page规则中的marks属性，可以用来在目标表上的页面框之外创建剪切标记和记录标记。默认情况下，标记不会被打印出来。你可以使用crop和cross关键字在目标打印页面上分别创建标记和记录标记
