當網頁列印在紙上時，可以使用CSS更改其外觀。您可以爲螢幕版本指定一種字體，爲列印版本指定另一種字體。

你已經在前面的章節中看到了@media rule。此規則允許您爲不同的媒體指定不同的樣式。因此，您可以爲螢幕和印表機定義不同的規則。

下面的示例爲螢幕和列印指定了不同的字體系列。下一個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>

如果要在單獨的文件中定義樣式表，則在連結到外部樣式表時也可以使用「媒體」屬性;