深山工作室

深山工作室 >

解析css属性的另类属性之媒体(Media)类型

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

前一页:web2.0网页--常用的XHTML标签的使用技巧方法介绍
后一页:从空格谈起--关于CSS模块化设计
相关阅读
jquery实现下拉加载更多
旅行社管理系统商业版3.0发布
深山旅行社网站管理系统 v1.5
深山旅行社网站管理系统 v1.5
深山旅行社网站管理系统 v1.3发布
穿越火线风格-网吧留言本V4.3
小说封面制作网站留言板模板
深山行者留言板V2.2版本
更多>>DIV+CSS相关信息
jquery设置或获取修改classname
利用css3.0写出一个音乐播放的唱片碟盘的效果
利用css中的scale()实现放大缩小效果
利用background-color:#000000a8在背景颜色16进制代码之后加字母加上数字让背景色透明
css背景使用base64编码或者将base64编码放在img图片标签中
更多>>最新添加
dw里面查找替换使用正则删除sqlserver里面的CONSTRAINT
Android移动端自动化测试:使用UIAutomatorViewer与Selenium定位元素
抖音直播音挂载小雪花 懂车帝小程序
javascript获取浏览器指纹可以用来做投票
火狐Mozilla Firefox出现:无法载入您的Firefox配置文件 它可能已经丢失 或是无法访问 问题解决集合处理办法