媒介类型(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>
<p class="test">既然开始了,那为什么就不能互相体谅点呢?</p>
<p class="test">既然开始了,那为什么就不能互相体谅点呢?</p>
<p class="test">既然开始了,那为什么就不能互相体谅点呢?</p>
<p class="test">既然开始了,那为什么就不能互相体谅点呢?</p>
<p class="test">既然开始了,那为什么就不能互相体谅点呢?</p>
<p class="test">既然开始了,那为什么就不能互相体谅点呢?</p>
<p class="test">既然开始了,那为什么就不能互相体谅点呢?</p>
<p class="test">如果能再回到平安夜,我无论如何也要送你回家</p>
<p class="test">如果能再回到平安夜,我无论如何也要送你回家</p>
<p class="test">如果能再回到平安夜,我无论如何也要送你回家</p>
<p class="test">如果能再回到平安夜,我无论如何也要送你回家</p>
<br/><br/><br>
<a href="#" οnclick="javascript:window.print();">打印</a>
<a href="#" οnclick="preView()">打印预览</a>
</body>
</html>