样式单的一个最重要的特点就是它可以作用于多种媒体,比如页面、屏幕、电子合成器等等。特定的属性只能作用于特定的媒体,如"font-size"属性只对可卷动的媒体类型有效(屏幕)。
) l5 E3 H% i/ j* F
2 h7 t5 t$ Q w G4 a' m 声明一个媒体属性可以用@import或@media引入:
复制内容到剪贴板
代码:
@import url(loudvoice.css) speech;
@media print {
/* style sheet for print goes here */
} 也可以在
文档标记中引入媒体:
复制内容到剪贴板
代码:
<link rel="stylesheet" type="text/css" media="print" href="foo.css"> 可以看出,@import和@media的区别在于,前者引入外部的样式单用于媒体类型,后者直接引入媒体属性。@import的使用方法是@import加样式单文件的URL地址再加媒体类型,可以多个媒体共用一个样式单,媒体类型之间用","分割符分开。@media用法则是把媒体类型放在前面,其他规则和rule-set基本一样。下面列出各种媒体类型:
+ _4 `2 ~& q* K2 {" U3 a% n, P% K2 |$ i* g2 x
SCREEN:指
计算机屏幕。
, F4 }% o" k, j; G4 L
6 q; @7 W2 L b1 z, c7 c' r8 P6 ~ PRINT:指用于打印机的不透明介质。
6 k" m# u* r) M$ [
3 R" n' U; \- s+ F+ }3 O8 j, }2 G PROJECTION:指用于显示的
项目。
, y* ?6 U6 Y2 k V% Z; z# H. x
( P' ?; a- `2 P" Y1 k& M: F
BRAILLE:盲文系统,指有触觉效果的印刷品。
3 ~+ F0 }3 }4 l( R$ O# B8 Z" I# t% b/ @5 O7 X; ]6 @
AURAL:指语音电子合成器。
/ P# i) e7 t- Y$ h8 ^# K3 |" ?
0 T+ n7 w0 F- T3 P. K, {0 N: v TV:指电视类型的媒体。
0 G+ z7 |) i0 E5 n+ [, y
, r. c: `. ^; h% v6 P3 n/ Y
HANDHELD:指手持式显示设备(小屏幕,单色)
9 G% R: q; d$ `! U, y% I! c+ k/ W; E9 ?$ d$ P% e
ALL:适合于所有媒体。