css 媒介类型
媒介类型(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("您的浏览器不支持此功能");
}
相关文档：
作为网页设计师(前端工程师)，你可能还记得曾经的那个网页大小建议:一个网页（包括HTML、CSS、Javacript、Flash和图
片）尽量不要超过30KB的大小，随着互联网的日益庞大，网络带宽也在飞速发展，很多设计师已经不再考虑这条30KB的理想准则。随着越来越受欢迎的
CSS布局和Javascript对网站用户体验的强化，使得这种现� ......
事实上，所有表现的地方都需要用CSS来实现。我们以前都习惯用table来定位和布局，现在要改用DIV来定位和布局。这是思维方式的变化，一开始有些不习惯。呵呵，任何变革都会有阻力的，为了享受标准带来的"益处"，放弃一些老的传统做法是值得的。
外部调用样式表
在以前，我们通常采用2种方法使用样式表：
......
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>CSS选项卡效果代码演示</title>
</head>
<body>
<mce:style type="text/css"><!--
div.card div{
background-color:#FF8 ......
