您现在的位置: 365建站网 > 365文章 > 从print css谈样式表的媒介(media)属性

从print css谈样式表的媒介(media)属性

文章来源:365jz.com     点击数:506    更新时间:2009-09-18 10:21   参与评论

平时留意到许多成熟的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
Tag标签: CSS

如对本文有疑问,请提交到交流论坛,广大热心网友会为你解答!! 点击进入论坛

发表评论 (506人查看0条评论)
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
昵称:
最新评论
------分隔线----------------------------

快速入口

· 365软件
· 杰创官网
· 建站工具
· 网站大全

其它栏目

· 建站教程
· 365学习

业务咨询

· 技术支持
· 服务时间:9:00-18:00
365建站网二维码

Powered by 365建站网 RSS地图 HTML地图

copyright © 2013-2024 版权所有 鄂ICP备17013400号