参考链接：http://www.w3school.com.cn/tags/att_style_media.asp
<link rel="stylesheet" type="text/css" href="slideshow.css" media="screen">
参考链接我的理解是：
网页做出来输出和显示的地方不一样，大部分时候是显示在屏幕上的（所以缺省值就是screen），但也可以是别的作用，比如打印机打印网页，它的作用是打印，那它的样式我可以重新定义一个。比如我显示的是彩色的样式，打印出来是另一种样式的，就可以通过media去进行区分。
比如链接中的例子：
<html>
<head>
//这个是针对屏幕显示的样式
<style type="text/css">
h1 {color:#FF0000;}
p {color:#0000FF;}
body {background-color:#FFEFD6;}
</style>
//这个针对输出打印的样式
<style type="text/css" media="print">
h1 {color:#000000;}
p {color:#000000;}
body {background-color:#FFFFFF;}
</style>
</head>
<body>
<h1>Header 1</h1>
<p>A paragraph.</p>
</body>
</html>
网友评论