网络编程 | 站长之家 | 网页制作 | 图形图象 | 操作系统 | 冲浪宝典 | 软件教学 | 网络办公 | 邮件系统 | 网络安全 | 认证考试 | 系统进程
Firefox | IE | Maxthon | 迅雷 | 电驴 | BitComet | FlashGet | QQ | QQ空间 | Vista | 输入法 | Ghost | Word | Excel | wps | Powerpoint
asp | .net | php | jsp | Sql | c# | Ajax | xml | Dreamweaver | FrontPages | Javascript | css | photoshop | fireworks | Flash | Cad | Discuz!
当前位置 > 网站建设学院 > 网页制作 > CSS
网页制作:Dreamweaver教程,FrontPages教程,Javascript教程,HTML教程,CSS教程,心得技巧,DHTML教程,网页特效,Discuz!论坛
本月文章推荐
.网页(WEB)字体,CSS如何控制?.
.FF下神秘的不起作用的CSS.
.客户端(CSS)解决自动截取字符串长.
.控制网页文件大小通过精简CSS实现.
.IE6因为编码问题无法正确解析CSS.
.CSS属性与JavaScript编码对照表.
.CSS规范 闭合浮动元素介绍.
.对CSS类及id的规范化命名.
.CSS制作很漂亮的文字滑动效果.
.CSS公用属性.
.IE6不解析某些CSS代码的解决方法.
.css一招解决不同浏览器页面错位.
.CSS样式文件优化 更整洁而清晰.
.CSS布局实例:上中下三行,中间自适.
.CSS网页代码编写技巧:隔行换色的.
.如何用CSS来控制网页字体的显示样.
.firefox浏览器支持的CSS鼠标样式.
.用CSS做滑动效果的图片画廊.
.小技巧大问题,cellSpacing用css样.
.用CSS写的星级评分.

css属性之媒体(Media)类型

发表日期:2007-12-17


  样式单的一个最重要的特点就是它可以作用于多种媒体,比如页面、屏幕、电子合成器等等。特定的属性只能作用于特定的媒体,如"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模块化设计—从空格谈起 人气:3973
下一篇:DIV+CSS常见错误汇总 人气:5036
浏览全部css的内容 Dreamweaver插件下载 网页广告代码 祝你圣诞节快乐 2009年新年快乐