日期:2014-02-02  浏览次数:20754 次

网页制造aiyiweb文章简介:标记言语——打印款式.

 点击这里前往爱易网任务室 HTML教程 栏目.想浏览CSS教程请点这里。

上文:标记言语——网页使用CSS款式

Chapter 11 打印款式

先前在第10章中,讨论了几种为文档使用CSS的方法,这一章是要研讨打印款式,指定特别用来打印页面的CSS规则.只需几条CSS规则,就能确保结构化标记内容打印到纸上的效果与屏幕上显示的一样好看.

首先来看看media类型,以及它们与提供设备相关CSS的关系.

如何指定打印时采用的款式?

在回答这个问题之前,必须熟悉一个概念,那就是我们能为CSS指定媒体类型(media),声明媒体类型将能使款式针对特定媒体发挥作用.

举例来说,如果想使某个链接的款式表专供电脑屏幕使用,那么可以像这样为<link>标签加上media属性:

<link rel="stylesheet" type="text/css" media="screen" href="screenstyles.css" />

前面这段代码能保证这个标签所链接的款式只会用于电脑屏幕,或许你想问:"除了电脑屏幕还能针对那些媒体?"答案是...还有不少选择.

媒体类型

除了上面这个例子使用的screen之外,还有不少媒体类型可供选择,以下是所有能够辨识的媒体类型,W3C在CSS2.1标准中定义的(可在http://www.3c.org/TR/CSS21/media.html找到):

  • all: 适用于所有设备
  • braille: 适用于点字触觉回馈设备
  • embossed: 适用于点字页打印机
  • handeld: 适用于手持设备(通常具有小屏幕,无限带宽)
  • print: 适用于分页内容,以及使用打印预览模式在屏幕上查看的文档
  • projection: 适用于投影简报,举例来说,高射式投影机,请参阅分页内容(http://www.w3.org/TR/CSS21/page.html)以获得更多关于分页媒体的格式信息
  • screen: 次要适用于彩色电脑屏幕
  • speech: 适用于语音合成器.留意:CSS2有个功用类似的媒体类型称为 aural,请参阅听觉款式表附录(http://www.w3.org/TR/CSS21/aural.html)以获得更多信息.
  • tty: 适用于使用定宽文字格的媒体(像是电报交换机,终端机或是只具备无限显示能力的手持设备),开发者不应在tty使用像素长度单位.
  • tv: 适用于电视类型的设备(低解析度,低色彩,无限滚动能力,能使用音效).

本章会把焦点集中在all,print和screen媒体类型上.