订阅本栏目 RSS您所在的位置: 深山工作室 > DIV+CSS > 正文

css里media属性详解

网络 2009/8/13 8:12:41 深山行者 字体: 浏览 8828

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

相关阅读
关于网页里面的DOCTYPE见解
uni-app基础知识页面事件与web事件的对比
一个利用纯java做的非常漂亮的页面背景花瓣效果
深山行者留言系统V3.3发布
通过阿里云服务接口获得ip地址详细信息
旅行社手机网站模板12
一些关于素材的网站
DW设置之后更好用 DreamweaverCS编辑GB2312与UTF-8文件在代码视图中点击鼠标错位问题的解决办法
共有0条关于《css里media属性详解》的评论
发表评论
正在加载评论......
返回顶部发表评论
呢 称:
表 情:
内 容:
评论内容:不能超过 1000 字,需审核,请自觉遵守互联网相关政策法规。
验证码: 验证码 
网友评论声明,请自觉遵守互联网相关政策法规。

您发布的评论即表示同意遵守以下条款:
一、不得利用本站危害国家安全、泄露国家秘密,不得侵犯国家、社会、集体和公民的合法权益;
二、不得发布国家法律、法规明令禁止的内容;互相尊重,对自己在本站的言论和行为负责;
三、本站对您所发布内容拥有处置权。

更多信息>>栏目类别选择
百度小程序开发
微信小程序开发
微信公众号开发
uni-app
asp函数库
ASP
DIV+CSS
HTML
python
更多>>同类信息
jquery设置或获取修改classname
利用css3.0写出一个音乐播放的唱片碟盘的效果
利用css中的scale()实现放大缩小效果
利用background-color:#000000a8在背景颜色16进制代码之后加字母加上数字让背景色透明
css背景使用base64编码或者将base64编码放在img图片标签中
利用css3中的-webkit-font-smoothing把网页文字的毛边去掉
更多>>最新添加文章
在Android、iOS、Windows、MacOS中微信小程序的文件存放路径
python通过代码修改pip下载源让下载库飞起
python里面requests.post返回的res.text还有其它的吗
aliyun阿里云续费域名优惠口令(注册、续费都可以使用)
windows7环境下安装配置jdk
python对微信操作要用到这两个库wxpy与itchat
ASP中Utf-8与Gb2312编码转换乱码问题的解决方法页面编码声明
DW设置之后更好用 DreamweaverCS编辑GB2312与UTF-8文件在代码视图中点击鼠标错位问题的解决办法
更多>>随机抽取信息
连云港红发廊
CSS选择符详解
CSS的优化与技巧
在未知图片的宽度与高度时利用div+css将图片居中
iis点开后任务栏上有显示,但是窗口看不到的解决办法
jquery实现单选按钮radio选中和取消 使用prop()代替attr()