css 在不同媒介的显示样式控制

 

//在屏幕上显示的样式

<link rel="stylesheet" type="text/css" media="screen" href="screen.css"/>

//在打印时显示的样式

<link rel="stylesheet" type="text/css" media="print" href="print.css" />　　

 

 

有不同的规则声明，不同的输出设备分别生成页面样式。 

 

screen (缺省值)：提交到计算机屏幕；

print： 输出到打印机；

projection：提交到投影机；

aural：扬声器；

braille：提交到凸字触觉感知设备；

tty：电传打字机 (使用固定的字体)；

tv：电视机；

all：所有输出设备。

 

 

也可以直接在页面写：

 

//在打印时页面的效果    

@media print

{

 

}