网站地图    收藏   

主页 > 前端 > css教程 >

CSS中的媒体类型media type - html/css语言栏目:html

来源:自学PHP网    时间:2015-04-14 14:51 作者: 阅读:

[导读] madia type作用首先要明白一点,我们平时写的HTML页面,可能在不同的媒体类型中显示,如可能显示在屏幕sreen上,也可能显示在纸质print上。那么当页面在不同的媒体类型中显示时,需要...

madia type作用

首先要明白一点,我们平时写的HTML页面,可能在不同的媒体类型中显示,如可能显示在屏幕sreen上,也可能显示在纸质print上。那么当页面在不同的媒体类型中显示时,需要的样式可能是不一样的。比如,一般在screen上显示时,页面字体要大一些,在纸质媒体显示时,页面字体要小一些。那么如何告诉别人某个样式是适用于何种媒体类型的呢?这就要靠声明media type来实现了。

如何声明media type

常用媒体类型有:all,screen,print,handled,speech等; 注意媒体类型是大小写敏感的,只能是小写; 当浏览器遇到错误的媒体类型,或者不存在的媒体类型,就会忽略此媒体类型的存在,如:
@media screen, 3D {
  P { color: green; }
}
这里,3D是不存在的媒体类型,则浏览器会将其解析为
@media screen {
  P { color: green; }
}

如何为样式声明媒体类型,见如下示例代码:


    
    


更多媒体类型相关知识请参阅W3C官网:http://www.w3.org/TR/CSS21/media.html


自学PHP网专注网站建设学习,PHP程序学习,平面设计学习,以及操作系统学习

京ICP备14009008号-1@版权所有www.zixuephp.com

网站声明:本站所有视频,教程都由网友上传,站长收集和分享给大家学习使用,如由牵扯版权问题请联系站长邮箱904561283@qq.com

添加评论