css 媒介类型

来源：互联网发布：淘宝视频空间地址编辑：程序博客网时间：2024/04/30 08:44

媒介类型(Media Types)允许你定义以何种媒介来提交文档，文档可以被显示在显示器、打印机或者听觉浏览器等等。

实例

下面这个例子中的样式告知浏览器在显示器上显示 14 像素的 Verdana 字体。但是假如页面需要被打印，将使用 10 个像素的 Times 字体。注意：font-weight 被设置为粗体，不论显示器还是纸媒介：

<%@ page language="java" pageEncoding="UTF-8"%>
<html>
 <head>
 <style type="text/css">
 @media screen{
 p.test {font-family:verdana,sans-serif; font-size:14px; color:red}
 }
 @media print{
 p.test {font-family:times,serif; font-size:10px; color:blue}
 }
 @media screen,print{
 p.test {font-weight:bold}
 }
 </style>
 <script type="text/javascript">
 function preView(){
 try{
 WB.ExecWB(7,1);
 }catch(e){
 alert("您的浏览器不支持此功能");
 }
 }
 </script>
 </head>

 <body style="text-align:center">
 <OBJECT classid=CLSID:8856F961-340A-11D0-A96B-00C04FD705A2 height=0 id=WB width=0 VIEWASTEXT>
 </OBJECT>
 既然开始了，那为什么就不能互相体谅点呢？
 既然开始了，那为什么就不能互相体谅点呢？
 既然开始了，那为什么就不能互相体谅点呢？
 既然开始了，那为什么就不能互相体谅点呢？
 既然开始了，那为什么就不能互相体谅点呢？
 既然开始了，那为什么就不能互相体谅点呢？
 既然开始了，那为什么就不能互相体谅点呢？
 如果能再回到平安夜，我无论如何也要送你回家
 如果能再回到平安夜，我无论如何也要送你回家
 如果能再回到平安夜，我无论如何也要送你回家
 如果能再回到平安夜，我无论如何也要送你回家

 
 <a href="#" onclick="javascript:window.print();">打印</a>
 <a href="#" onclick="preView()">打印预览</a>
 </body>
</html>