手机浏览 RSS 2.0 订阅 膘叔的简单人生 , 腾讯云RDS购买 | 超便宜Qcloud , 注册 | 登陆

CSS中media标签的作用

首页 > Javascript >

在网页中,看到使用CSS的地方,大多数都会有这么一句:

XML/HTML代码
  1. <link rel="stylesheet" type="text/css" href="global.css" media="screen">    

那么,究竟这个media有什么作用呢?通过查下资料了解到:

XML/HTML代码
  1. all-- 用于所有设备类型  
  2. aural-- 用于语音和音乐合成器  
  3. braille-- 用于触觉反馈设备  
  4. embossed-- 用于凸点字符(盲文)印刷设备  
  5. handheld-- 用于小型或手提设备  
  6. print-- 用于打印机  
  7. projection-- 用于投影图像,如幻灯片  
  8. screen-- 用于计算机显示器  
  9. tty-- 用于使用固定间距字符格的设备。如电传打字机和终端  
  10. tv-- 用于电视类设备   

虽然media有10个值,但我们经常看到的也就print,和screen两种。当然也会有没有media标签的情况,这个时候其实就是默认media="all"。
既然如此,那我们也就相当于了解了,如果你需要打印,那么你在按下打印的时候,系统就会默认调用media="print"所对应的CSS文件了。也因此这样可以让你更好的整理你的打印页面,比如把一些不需要打印的内容屏蔽掉、优化打印页面(让内容更利于被打印)等等

虽然我不是前端,但。。了解一下这些内容还是有点用处的。




本站采用创作共享版权协议, 要求署名、非商业和保持一致. 本站欢迎任何非商业应用的转载, 但须注明出自"膘叔", 保留原始链接, 此外还必须标注原文标题和链接.

Tags: css, media, screen, print

« 上一篇 | 下一篇 »

只显示10条记录相关文章

Rel与CSS的联合使用 (浏览: 15566, 评论: 2)
9 个基于JavaScript 和 CSS 的 Web 图表框架 (浏览: 15018, 评论: 0)
CSS背景 (浏览: 14592, 评论: 0)
Table2CSS Converter (浏览: 14101, 评论: 3)
好东西,不得不贴,继续上传两个文件 (浏览: 13997, 评论: 0)
CSS让你的IE浏览器崩溃 (浏览: 12084, 评论: 0)
CSS Position Fixed for IE6 (浏览: 12065, 评论: 0)
转:Linux操作系统下Screen命令的使用方法 (浏览: 12044, 评论: 1)
CSS透明属性详解 (浏览: 11297, 评论: 0)
写HTML和CSS的新方法 (浏览: 9889, 评论: 1)

发表评论

评论内容 (必填):