css打印

 

1. <link rel="stylesheet" href="/Themes/canbeing/style/print.css" type="text/css" media="print" />
2. @import url("print.css") screen;
3. @media print { body { font-size: 12px; } }
4. <style media="print">body{font-size:12px;}</style>

其实print是样式表（stylesheet）的一个媒介（media）属性，样式表的媒介属性有八种值：

all        用于所有输出设备
braille        用于盲文触觉反馈装置
embossed    用于分页盲文打印机
handheld    拟用于手持设备（通常是小屏幕，有限的带宽）
print        用于打印机预览及打印
projection    用于投影机
screen（默认）    用于彩色计算机屏幕
speech        用于语音合成器，CSS2中也有类似的媒体类型（aural）
tty        拟使用于固定宽度（如电传打字机，码头，或显示能力有限的便携设备）的字符网格媒体。
tv        用于电视类型的设备（低分辨率，颜色，有限的可滚动屏幕，音响可用）

例如：
可以在同一个common.css中这样定义:

/*在浏览器中显示的样式*/
body{
    color : red;
}
@media print{
    /*在这里可以重新对body元素的样式进行打印时的定义，这样可以与页面样式同名，但是样子不一样。*/
    body{
       color:black;
    }
}