CSS中media的属性

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

XML/HTML代码

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

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

XML/HTML代码
all-- 用于所有设备类型 

aural-- 用于语音和音乐合成器 

braille-- 用于触觉反馈设备 

embossed-- 用于凸点字符(盲文)印刷设备 

handheld-- 用于小型或手提设备 

print-- 用于打印机 

projection-- 用于投影图像,如幻灯片 

screen-- 用于计算机显示器 

tty-- 用于使用固定间距字符格的设备。如电传打字机和终端 

tv-- 用于电视类设备 

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



你可能感兴趣的:(CSS中media的属性)