作家
登录

CSS教程:css属性之媒体(Media)类型

作者: 来源:www.28hudong.com 2012-11-19 22:48:03 阅读 我要评论

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

关键词: 探索发现

乐购科技部分新闻及文章转载自互联网,供读者交流和学习,若有涉及作者版权等问题请及时与我们联系,以便更正、删除或按规定办理。感谢所有提供资讯的网站,欢迎各类媒体与乐购科技进行文章共享合作。

网友点评
自媒体专栏

评论

热度

精彩导读
栏目ID=71的表不存在(操作类型=0)