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

迷失的亲 2007-12-16 06:07

css属性之媒体(Media)类型

  样式单的一个最重要的特点就是它可以作用于多种媒体,比如页面、屏幕、电子合成器等等。特定的属性只能作用于特定的媒体,如"font-size"属性只对可卷动的媒体类型有效(屏幕)。
FG{3T z \"v@O kT.iO ~I
  声明一个媒体属性可以用@import或@media引入:[code]@import url(loudvoice.css) speech;
jW#@v W`Y5|^-\XY @media print {
6dp5r#]v6Xc /* style sheet for print goes here */
BpC(bVQK$L } [/code] 也可以在文档标记中引入媒体:[code]<link rel="stylesheet" type="text/css" media="print" href="foo.css"> [/code]  可以看出,@import和@media的区别在于,前者引入外部的样式单用于媒体类型,后者直接引入媒体属性。@import的使用方法是@import加样式单文件的URL地址再加媒体类型,可以多个媒体共用一个样式单,媒体类型之间用","分割符分开。@media用法则是把媒体类型放在前面,其他规则和rule-set基本一样。下面列出各种媒体类型:!i.x6Xak,[ b

w3C@i9@u   SCREEN:指计算机屏幕。
/Vq6e8T.r)b@o0q)l
%s'Z9} Hl:ER   PRINT:指用于打印机的不透明介质。
2xs?@~mgv6[
4H0vO-?)lv ?   PROJECTION:指用于显示的项目。
u K]t|W
[eH Kyv   BRAILLE:盲文系统,指有触觉效果的印刷品。k8WbxB/l J

%CVE#} w ? K   AURAL:指语音电子合成器。
RpW)i4gG
|GB1B#d9n;J3{   TV:指电视类型的媒体。t&^N%EV0z

7_1TK nK   HANDHELD:指手持式显示设备(小屏幕,单色)
9n+h1o|/\ 8PVD!~_|
  ALL:适合于所有媒体。
页: [1]
查看完整版本: css属性之媒体(Media)类型