发新话题
打印

[分享] css属性之媒体(Media)类型

css属性之媒体(Media)类型

  样式单的一个最重要的特点就是它可以作用于多种媒体,比如页面、屏幕、电子合成器等等。特定的属性只能作用于特定的媒体,如"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:适合于所有媒体。
【十六道题,奖金和证书的催命符】

TOP

发新话题