样式表最重要的特征之一是它们指定文档在不同媒体上的呈现方式:屏幕上，纸上，语音合成器，盲文设备等.
我们目前有两种方式为样式表指定媒体依赖关系 :
指定目标带有@media或@import at-rules的样式表中的媒介.
在文档语言中指定目标媒体.
@media 规则指定目标媒体类型(由一套规则的逗号.
以下是一个例子 :
<style tyle = "text/css">
<!--
@media print {
body { font-size: 10pt }
}
@media screen {
body { font-size: 12pt }
}
@media screen, print {
body { line-height: 1.2 }
}
-->
</style>在HTML 4.0中，LINK元素上的 media 属性指定外部样式表的目标媒体 :
以下是一个示例 :
<style tyle = "text/css"> <!-- <!doctype html public "-//w3c//dtd html 4.0//en"> <html> <head> <title>link to a target medium</title> <link rel = "stylesheet" type = "text/css" media = "print, handheld" href = "foo.css"> </head> <body> <p>the body... </body> </html> --> </style>
为CSS媒体类型选择的名称反映了相关属性有意义的目标设备.它们可以让您了解媒体类型所指的设备.下面给出了各种媒体类型的列表 :
| Sr.No. | 价值&说明 |
|---|---|
| 1 | 全部 适用于所有设备. |
| 2 | aural 用于语音合成器. |
| 3 | 盲文 用于盲文触觉反馈设备. |
| 4 | 浮雕 适用于分页盲文打印机. |
| 5 | 掌上电脑 适用于手持设备(通常是小屏幕，单色，带宽有限). |
| 6 | 打印 预期用于分页，不透明材料以及在打印预览模式下在屏幕上查看的文档.请参阅分页媒体部分. |
| 7 | 投影 适用于投影演示，例如投影仪或打印到透明胶片.请参阅分页媒体部分. |
| 8 | 屏幕 主要用于彩色电脑屏幕. |
| 9 | tty 用于使用固定间距字符网格的媒体，例如电视类型，终端或显示功能有限的便携式设备. |
| 10 | tv 用于电视型设备. |
注意 : 媒体类型名称不区分大小写.
