样式单的一个最重要的特点就是它可以作用于多种媒体，比如页面、屏幕、电子合成器等等。特定的属性只能作用于特定的媒体，如"font-size"属性只对可卷动的媒体类型有效(屏幕)。

　　声明一个媒体属性可以用@import或@media引入：

以下是引用片段：
@import url(loudvoice.css) speech;
@media print {
/* style sheet for print goes here */ [www.iocblog.net 来源]
} 

　　也可以在文档标记中引入媒体：

以下是引用片段：
<link rel="stylesheet" type="text/css" media="print" href="foo.css"> 

　　可以看出，@import和@media的区别在于，前者引入外部的样式单用于媒体类型，后者直接引入媒体属性。@import的使用方法是@import加样式单文件的url地址再加媒体类型，可以多个媒体共用一个样式单，媒体类型之间用"，"分割符分开。@media用法则是把媒体类型放在前面，其他规则和rule-set基本一样。下面列出各种媒体类型：

　　screen：指计算机屏幕。

　　print：指用于打印机的不透明介质。

　　projection：指用于显示的项目。[www.iocblog.net 来源]

　　braille：盲文系统，指有触觉效果的印刷品。

　　aural：指语音电子合成器。

　　tv：指电视类型的媒体。

　　handheld：指手持式显示设备(小屏幕，单色)

　　all：适合于所有媒体。

文章整理：iocblog
版权申明：本站文章均来自网络，如有侵权，请联系我们，我们收到后立即删除，谢谢！
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有。