用CSS创建打印页面的具体步骤

利用CSS创建打印页面的高效方法

无需为打印专门创建HTML文件，我们可以借助CSS和HTML的现有结构，轻松创建打印页面，从而节省大量时间和精力。这背后的关键是遵循“WEB标准”，使用CSS+DIV布局HTML页面。

一、引入针对打印机的CSS文件

在HTML页面中，我们可以引入两个CSS文件：一个针对屏幕显示，一个针对打印。这样，无需进行复杂的页面调整，即可轻松切换显示和打印模式。代码如下：

```html

```

其中，media="screen"代表面向屏幕的样式，而media="print"则是面向打印的样式。

二、建立打印版本的页面

在打印版本中，我们需要去除不必要的页面元素，如导航、侧栏、广告、版权等。这样做不仅能简化打印过程，还能凸显按“WEB标准”布局的优势——通过CSS轻松调整版式。对应的CSS样式可能如下：

```css

/ 隐藏不打印项 start /

h1 span { / 副标题 / display: none; }

sidebar { / 侧栏 / display: none; }

content th.col2 span { / 锚链接 / display: none; }

/ 隐藏不打印项 end /

```

三、添加打印按钮功能

无论是IE还是Firefox，都可以通过添加打印按钮来轻松实现打印功能。相关代码如下：

```html

```

四、其他注意事项

在设定打印样式时，应注意以下几点：

1. 打印字体大小通常以点（pt）来计算。在屏幕上，像素（px）可能是更好的显示尺寸选择。

2. CSS中的float属性在打印时可能会引发问题，因此应尽量避免在打印样式中使用。

3. 关于打印设置，如自定义页眉、页脚，单纯依靠CSS和HTML无法实现。虽然可以通过调用ActiveX控件来实现，但这种方式存在安全风险。推荐的方式是，在打印前，通过浏览器菜单进行打印设置。

遵循WEB标准，利用CSS和DIV布局HTML页面，我们可以轻松创建适应打印需求的页面，无需额外创建HTML文件，从而实现更高效、便捷的网络打印体验。