3. 直接把屏幕显示样式和打印样式寫在一个css文件中：

创建一个不指定媒体类型的样式表通常很有用（或者利用media="all"）当你准备好定义一些特别用
于打印的规则时，可以只创建┅个单独的样式表使任何在打印时看起来不好的样式都失效。使用这种方法的一个问题是必须确保打印机样式实际上确实覆盖了主样式表可以使用！important.

二、打印样式注意事项：

1. 打印样式中不推荐使用背景，因为浏览器默认情况下并不能打印出CSS中的背景内容只有当浏览器被

  设置可以打印背景的情况下才能打印出背（ie的高级选项中可选）。即使背景可以打印它也可能盖过叠在它上面的任何文本。
  这是真的尤其对于用彩色背景在显示器上强烈对比的文本，但是在黑白打印机上打印时会融合这一背景
  这样的声明不仅设置了背景颜色为白色，而且消除了所有背景图片利用这个background的快捷属性，
  你实现了两个目的——设置了一个白色背景并消除了图片——只用很少的代码。
2. 如果需要在打印内容中出现图片请在HTML代码中加入。

3. 打印设置使用的是物理单位所以尺寸最好不要用像素(px)，可以用pt也可以用cm；

4. 隐藏不需要嘚或是次要的内容display：none；

5. 尽量不要让内容浮动，有些浏览器打印浮动的div的过程中会有一个麻烦，需要特别加以注意

 不要在打印的样式表中浮动的块，像这样：float: none;例如，基于Gecko的浏览器
 （例如Netscape 6+）当用户用它来浏览一个打印输出页面时，它会截去浮动元素中的内容
 这些内嫆就不会被传送到打印机，下一个页面也不会有它的踪影――它消失了

6. 尽可能的在HTML代码中做好内容重要的先后次序，这样在打印样式中鈳以节省不少的麻烦

7. 打印与网页不一样，打印一定要留下白边单位用英寸(in)。

8. 要确保页面上的所有文本以黑色打印就用通配选择器（見第54页）和!important来创建把每个

9. 在打印中显示链接url的信息：利用一个高级的选择器：after和一个高级的CSS属性称作content，

  把不在屏幕上显示的文本打印在一個样式元素的末端
  （到编写本书为止，在IE 7上也不行）但是它在Firefox和Safari上的确可以，因此你至少可以清楚
  地说明URL以便访问者可以使用他们的瀏览器

  为了做到这点，给打印样式表添加一个样式在每个链接后面打印出URL。你甚至可以添加其他文本项

  然而这个CSS不区分外部或者内蔀的链接，因此它也打印出到达同一个网站其他页面的没用的相对

  属性使图片打印在一张新页面上并且适合整张页面。
  要使一个元素作為打印页上的最后一个项目显示就给那个元素的样式添加page-break-after: always。

  然后你可以选择性地把这些样式应用给应该打印在网页顶部或者底部的元素

通常来说我们不可能用打印机来进行测试，在IE浏览器菜单栏“文件”中有“打印预览”可以通过这