这个例子中的样式告诉浏览器在显示器上显示 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>
不同的媒介类型
媒介类型名称对大小写不敏感。
媒介类型描述all用于所有的媒介设备。
aural用于语音和音频合成器。
braille用于盲人用点字法触觉回馈设备。
embossed用于分页的盲人用点字法打印机。
handheld用于小的手持的设备。
print用于打印机。
projection用于方案展示，比如幻灯片。
screen用于电脑显示器。
tty用于使用固定密度字母栅格的媒介，比如电传打字机和终端。
tv用于电视机类型的设备。