CSS中@media用于指定在不同类型的设备上，元素显示的不同样式；

　　　　all　　//　　用于所有设备

　　　　aural　　//　　语音和音频合成器

　　　　braille　　//　　盲人用用点字法触觉反馈设备

　　　　embossed　　//　　分页的盲人用点字法打印机

　　　　handheld　　//　　手持设备

　　　　print　　//　　打印机

　　　　projection　　//　　方案展示，比如PPT

　　　　screen　　//　　电脑显示器

　　　　tty　　//　　电传打字机

　　　　tv　　//　　电视设备

<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>