媒体类型允许你指定的文件将在不同的媒体。该文件可以以不同的方式显示在屏幕上，在纸上，一个听觉的浏览器，等
媒体类型
有些的属性只可用于某些媒体。例如， “语音家庭”的财产是专为听力用户代理。其他一些特性可用于不同的媒体类型。例如， “字体大小”属性可用于屏幕和印刷媒体，但也许有不同的价值观。文件通常需要较大的字体大小在屏幕上，而不是文件，无，衬线的字体更易于阅读屏幕上，而字体的字体更容易阅读在纸面上。
@媒体的规则
@媒体的规则允许不同风格的规则不同媒体在同一样式表。
风格在下面的例子告诉浏览器显示一个14像素的绿色字体在屏幕上。但是，如果该网页是印刷，这将是10像素时报字体。请注意，字型粗细设置为粗体，都在屏幕上和文件：
<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>
不同媒体类型
注：媒体类型名称是不区分大小写
