日期:2013-09-17  浏览次数:21363 次

媒介类型(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用于小的手持的设备。
print用于打印机。
projection用于方案展现,比如幻灯片。
screen用于电脑显示器。
tty用于使用固定密度字母栅格的媒介,比如电传打字机和终端。
tv用于电视机类型的设备。