样式单的一个最重要的特点就是它可以作用于多种媒体，比如页面、屏幕、电子合成器等等。特定的属性只能作用于特定的媒体，如"font-size"属性只对可卷动的媒体类型有效（屏幕）。 声明一个媒体属性可以用@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基本一样。下面列出各种媒体类型： SCREEN：指计算机屏幕。PRINT：指用于打印机的不透明介质。PROJECTION：指用于显示的项目。BRAILLE：盲文系统，指有触觉效果的印刷品。AURAL：指语音电子合成器。TV：指电视类型的媒体。HANDHELD：指手持式显示设备（小屏幕，单色）ALL：适合于所有媒体。

　　推荐阅读

　　无延迟翻滚的图形与CSS混合风格按钮

　　在一个具有图形背景的按钮中添加CSS风格的文本，这种建立按钮的方法结合了具有CSS翻滚(CSS rollover)标记的开发速度和效率，从而有效地提高按钮外表图像的三维效果。 　　相比于常规的图形按钮，这些图形/C>>>详细阅读

本文标题：CSS教程:css属性之媒体（Media）类型

地址：http://www.17bianji.com/kaifa2/CSS/17203.html

 1/2    1