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

当前位置 : 首页 > 网页制作 > CSS > css 不同媒介的显示样式控制方式

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

来源: 作者: 时间:2015-12-07 14:04
//在屏幕上显示的样式 link rel=stylesheet type=text/css media=screen href=screen.css/ //在打印时显示的样式 link rel=stylesheet type=text/css media=print href
//在屏幕上显示的样式 <link rel="stylesheet" type="text/css" media="screen" href="screen.css"/> //在打印时显示的样式 <link rel="stylesheet" type="text/css" media="print" href
//在屏幕上显示的样式
<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
{
}
Tag:
网友评论

<