媒介类型(Media Types)允许你定义文档以何种媒介被提交。文档可以被显示在显示器、纸媒介或者听觉浏览器等等。
媒介类型
某些CSS属性仅仅被设计为针对某些媒介。比方说"voice-family"属性被设计为针对听觉用户终端。其他的属性可被用于不同的媒介。例如,"font-size"属性可被用于显示器以及印刷媒介,但是也许会带有不同的值。显示器上面的显示的文档通常会需要比纸媒介文档更大的字号,同时,在显示器上,sans-serif字体更易阅读,而在纸媒介上,serif字体更易阅读。
@media规则
@media规则使你有能力在相同的样式表中,使用不同的样式规则来针对不同的媒介。
下面这个例子中的样式告知浏览器在显示器上显示14像素的Verdana字体。但是假如页面需要被打印,将使用10个像素的Times字体。注意:font-weight被设置为粗体,不论显示器还是纸媒介:
<html> <head> <style>@media screen{ p.test {font-family:verdana,sans-serif; font-size:14px} }@media print{ p.test {font-family:times,serif; font-size:10px} }@media screen,print{ p.test {font-weight:bold} } </style> </head> <body>....</body> </html>
不同的媒介类型
注释:媒介类型名称对大小写不敏感。
浏览器支持:IE: Internet Explorer, F: Firefox, N: Netscape。
W3C:“W3C”列的数字显示出属性背景由哪个CSS标准定义(CSS1还是CSS2)。
| 媒介类型 | 描述 |
|---|---|
| all | 用于所有的媒介设备。 |
| aural | 用于语音和音频合成器。 |
| braille | 用于盲人用点字法触觉回馈设备。 |
| embossed | 用于分页的盲人用点字法打印机。 |
| handheld | 用于小的手持的设备。 |
| 用于打印机。 | |
| projection | 用于方案展示,比如幻灯片。 |
| screen | 用于电脑显示器。 |
| tty | 用于使用固定密度字母栅格的媒介,比如电传打字机和终端。 |
| tv | 用于电视机类型的设备。 |
关键词:
【推荐给好友】【关闭】最新五条评论
查看全部评论
评论总数 0 条您的评论
·用户发表意见仅代表其个人意见,并且承担一切因发表内容引起的纠纷和责任·本站管理人员有权在不通知用户的情况下删除不符合规定的评论信息或留做证据
·请客观的评价您所看到的资讯,提倡就事论事,杜绝漫骂和人身攻击等不文明行为
文章整理:西部数码--专业提供域名注册、虚拟主机服务
http://www.west263.com
以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息,谢谢!




