CSS页面打印

当网页打印在纸上时，可以使用CSS更改网页的外观。您可以为屏幕版本指定一种字体，为打印版本指定另一种字体。

下面的示例为屏幕和打印指定不同的字体系列。下一个CSS对屏幕和打印机使用相同的字体大小。

<style type="text/css">
   <!--
      @media screen {
         p.bodyText {font-family:verdana, arial, sans-serif;}
      }

      @media print {
         p.bodyText {font-family:georgia, times, serif;}
      }
      @media screen, print {
         p.bodyText {font-size:10pt}
      }
  -->
</style>

如果要在单独的文件中定义样式表，那么在链接到外部样式表时也可以使用media属性-

<link rel="stylesheet" type="text/css" media="print" href="mystyle.css">