从print css谈样式表的媒介（media）属性

平时留意到许多成熟的web系统会带一个文件名类似于print.css的样式表，不知道其作用，今天抽空研究一下，发表些总结。

原来print.css是专门给打印机设备定义样式的，可以用如下几种方式定义print css：

1. <link rel="stylesheet" href="/Themes/canbeing/style/print.css" type="text/css" media="print" />
2. @import url("print.css") screen;
3. @media print { body { font-size: 12px; } }
4. <style media="print">body{font-size:12px;}</style>

其实print是样式表（stylesheet）的一个媒介（media）属性，样式表的媒介属性有八种值：

all        用于所有输出设备
braille        用于盲文触觉反馈装置
embossed    用于分页盲文打印机
handheld    拟用于手持设备（通常是小屏幕，有限的带宽）
print        用于打印机预览及打印
projection    用于投影机
screen（默认）    用于彩色计算机屏幕
speech        用于语音合成器，CSS2中也有类似的媒体类型（aural）
tty        拟使用于固定宽度（如电传打字机，码头，或显示能力有限的便携设备）的字符网格媒体。
tv        用于电视类型的设备（低分辨率，颜色，有限的可滚动屏幕，音响可用）

看来要做一个高可用性的网站，需要注意的细节还有许多啊。

参考文档：http://www.w3.org/TR/CSS2/media.html