html++css媒体类型,CSS中的媒体类型media type_html/css_WEB-ITnose

be45eb6c5fd66d11a803e0291ef8bfd0.png

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值