您可以使用CSS在网页上打印时更改网页的外观.您可以为屏幕版本指定一种字体，为打印版本指定另一种字体.
您在前面的章节中看到了@media规则.此规则允许您为不同的媒体指定不同的样式.因此，您可以为屏幕和打印机定义不同的规则.
下面的示例为屏幕和打印指定了不同的字体系列.下一个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">
