当前位置: 首页 > 文档资料 > CSS 入门教程 >

Aural Media(Aural Media)

优质
小牛编辑
123浏览
2023-12-01

您可以使用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">