当网页打印在纸上时,可以使用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">