从print css谈样式表的媒介(media)属性
来源:程序员人生 发布时间:2014-01-22 08:52:39 阅读次数:2572次
网(LieHuo.Net)教程 平时留意到许多成熟的web系统会带一个文件名类似于print.css的样式表,不知道其作用,今天抽空研究一下,发表些总结。
原来
print.css是专门给打印机设备定义样式的,可以用如下几种方式定义print css:
以下为引用的内容: <link rel="stylesheet" href="/Themes/canbeing/style/print.css" type="text/css" media="print" /> @import url("print.css") screen; @media print { body { font-size: 12px; } } <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
生活不易,码农辛苦
如果您觉得本网站对您的学习有所帮助,可以手机扫描二维码进行捐赠