css属性之媒体(Media)类型

『 更新时间:2008-1-25 』『 字体:变小 变大 』『 作者:佚名 | 来源:互联网 』

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

【点击数:】【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口

关文章

您的姓名:
评分等级:
1分 2分 3分 4分 5分
评论内容:
1、严禁发表危害国家安全、政治、黄色淫秽等内容的评论。
2、用户需对自己在使用金石网服务过程中的行为承担法律责任。
3、本站管理员有权保留或删除评论内容。
4、评论内容只代表网友个人观点,与本网站立场无关。
  • 金石网
  • | 设为首页 | 加入收藏 | 联系我们 | 版权申明 | 友情链接 | 站点地图 | 网站帮助 | 网站留言 | 广告服务 |
  • Copyright © 2001-2008 KingsNet.biz All Rights Reserved. 闽ICP备05026663号
  • 返回网站顶部