CSS详解(一)— —媒体类型

你还记得你所打印的第一个网页吗？你所打印出的网页也许使你很失望。你也许要问：为什么看起来很好的页面，打印出来却不怎么样。实际上，通过使用CSS2，并在你使用媒体类型的基础上，你能够选择不同样式的打印效果。那也就是说：你可以使你的页面在屏幕上以一种样式显示，而当打印时，显示不同的样式。所有这些，你只要使用@media。

@media screen{
BODY{background:black;color:white}
P{font-family:verdana,sans-serif}
}

@media print{
BODY{background:white;color:black
}
P{font-family:times,serif}
}

以上这些代码将告诉浏览器在显示页面时，使用白色，Verdana，文本样式，而它的背景色是黑色。但是当该页面被打印时，它将使用黑色，Times文本，而背景是白色。每个网页都将优化它的打印效果。

如果你想验证以上的结论，你通过使用IE5来检验。在屏幕上显示的字体是：Verdana，但是当你打印时，打出的字体是：Times。

媒体类型不光仅限于屏幕显示和打印，还有：

handheld-用于掌上型电器。
projection-用于放映机。
tv-用于电视。
tty-用于电传打字机和终端。
aural-用于扬声器。
braille-用于盲人使用的仪器。
embossed-用于打印盲文的打印机。
all-用于所有的设备。