css 不同媒介的显示样式控制方式
2009-06-17 20:15
561 查看
//在屏幕上显示的样式
<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
{
}
<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
{
}
相关文章推荐
- css 在不同媒介的显示样式控制
- js控制不同的时间段显示不同的css样式
- 为什么要初始化 CSS 样式 因为浏览器的兼容问题,不同浏览器对有些标签的默认值是不同的,如果没对 CSS 初始化往往会出现浏览器之间的页面显示差异。 当然,初始化样式会对 SEO 有一定的影响,但鱼
- CSS控制样式的三种方式(优先级对比验证)
- css判断不同分辨率显示不同宽度布局实现自适应宽度&css3 @media样式的使用
- CSS样式中,background-image 背景图片居中显示并且在不同屏幕分辨率下始终居中
- JS判断不同操作系统显示不同样式css
- CSS媒体查询,CSS根据不同的分辨率显示不同的样式
- 【自定义Joomla样式】Joomla2.5 为article添加一个cssflag字段控制页面展示时引用不同的自定义css
- 【css】day04_列表样式_显示方式_鼠标形状
- CSS页面控制方式及其优先级-- 行内样式、内嵌式、链接式、导入式
- 教你如何用CSS来控制网页字体的显示样式
- css 控制鼠标显示样式示例
- 2016/2/24 1,css有几种引入方式 2,div除了可以声明id来控制,还可以声明什么控制? 3,如何让2个div,并排显示。4,清除浮动 clear:left / right / both
- devexpress实现单元格根据条件显示不同的样式(颜色、字体、对齐方式,大小等)
- 同样的css文件,在Html与JSP文件中显示的样式不同
- css控制input不同类型的不同样式
- CSS控制样式的三种方式(优先级对比验证)
- 【css】——根据div个数显示不同的样式
- 长标题文章用CSS控制省略号方式显示