手机
当前位置:查字典教程网 >网页设计 > Div+Css教程 >CSS教程:css属性之媒体(Media)类型
CSS教程:css属性之媒体(Media)类型
摘要:样式单的一个最重要的特点就是它可以作用于多种媒体,比如页面、屏幕、电子合成器等等。特定的属性只能作用于特定的媒体,如"font-size"属...

样式单的一个最重要的特点就是它可以作用于多种媒体,比如页面、屏幕、电子合成器等等。特定的属性只能作用于特定的媒体,如"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属性之媒体(Media)类型】相关文章:

CSS应用基础教程:应用补充

CSS应用基础教程(6) 区块性质

CSS教程网站制作如何打造导航蓝色效果

CSS基础教程:CSS的color颜色

CSS应用基础教程:文字性质

CSS的position属性在DIV层中的应用

ie8下不解析background属性与书写格式有关

CSS background属性(背景属性)详解

CSS中display:inline-block属性妙用

CSS属性display:inline

精品推荐
分类导航