查看完整版本: css属性之媒体（Media）类型

css属性之媒体（Media）类型

　　样式单的一个最重要的特点就是它可以作用于多种媒体，比如页面、屏幕、电子合成器等等。特定的属性只能作用于特定的媒体，如"font-size"属性只对可卷动的媒体类型有效(屏幕)。P;bOWB%V!U*U
u0U)xtA?:`J
　　声明一个媒体属性可以用@import或@media引入：[code]@import url(loudvoice.css) speech;
Lj[j6q @media print {
4~W
[pm5pds /* style sheet for print goes here */
^5~#qO:sCI } [/code]　也可以在文档标记中引入媒体：[code]<link rel="stylesheet" type="text/css" media="print" href="foo.css"> [/code]　　可以看出，@import和@media的区别在于，前者引入外部的样式单用于媒体类型，后者直接引入媒体属性。@import的使用方法是@import加样式单文件的URL地址再加媒体类型，可以多个媒体共用一个样式单，媒体类型之间用"，"分割符分开。@media用法则是把媒体类型放在前面，其他规则和rule-set基本一样。下面列出各种媒体类型：
.|1qPX
F @:c E/Ll
　　SCREEN：指计算机屏幕。
9~$d5Y5hx:P-`sR II"E$q%r}IJ6j
　　PRINT：指用于打印机的不透明介质。@/rf7{ UTeJY

n@QtM 　　PROJECTION：指用于显示的项目。
6H)^%c/|f2mbX} &AWh E7DG
　　BRAILLE：盲文系统，指有触觉效果的印刷品。8h*bG:p!Z0c
y,_{(R4A9E I
　　AURAL：指语音电子合成器。h:U7n)DWw7h'G
u9S ho0}i
　　TV：指电视类型的媒体。!Go2f7a0P

/c9\L-~!Dt3Bzf'^
m|.J 　　HANDHELD：指手持式显示设备(小屏幕，单色)
|#HC@`eJ !\k)J4[X%O"Tn
　　ALL：适合于所有媒体。