[翻译]标记语言和样式手册 Chapter 11 打印样式

作者:zhaozy 来源:3user.com 时间:2008-02-11 18:44:00 

阅读上一章:Chapter 10 应用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媒体类型上.

标签:样式,标记,css,手册,打印
0
投稿

猜你喜欢

  • 形式追随内容?

    2010-03-07 15:55:00
  • css reset中的list-style:none

    2010-05-26 13:56:00
  • 让Entity Framework支持MySql数据库

    2010-12-14 15:22:00
  • 关于ASP中脚本执行顺序的讲解

    2008-11-04 12:02:00
  • Microsoft Enterprise Library 5.0 如何集成MyS

    2011-03-16 15:19:00
  • 跨平台、多浏览器页面测试

    2008-06-24 11:54:00
  • 完美的渐变透明效果,支持Firefox

    2008-06-18 18:18:00
  • 阿里系的中国雅虎新首页浅谈

    2008-07-16 12:19:00
  • Mootools常用方法扩展(二)

    2009-01-11 18:22:00
  • 网页绿色系配色应用实例

    2008-08-26 11:51:00
  • Update 语句

    2009-06-22 12:52:00
  • RedHat 9.0下用rpm包安装mysql

    2008-11-22 12:28:00
  • 求任意自然数内的素数

    2009-10-15 12:21:00
  • 交互设计师心得——核心竞争力

    2010-01-19 13:45:00
  • msxml3.dll (0x80070005)拒绝访问 解决方法

    2010-03-11 21:26:00
  • js和asp操作fso比较

    2007-09-23 09:17:00
  • MySQL重定位数据库目录的内容

    2009-02-26 16:03:00
  • 惰性函数定义模式

    2007-09-26 20:56:00
  • 使用 JSON 进行数据传输

    2008-06-15 07:12:00
  • 最全的MYSQL备份方法

    2009-12-29 10:19:00
  • asp之家 网络编程 m.aspxhome.com