大家好,又见面了,我是你们的朋友全栈君。
madia type作用
首先要明白一点,我们平时写的HTML页面,可能在不同的媒体类型中显示,如可能显示在屏幕sreen上,也可能显示在纸质print上。那么当页面在不同的媒体类型中显示时,需要的样式可能是不一样的。比如,一般在screen上显示时,页面字体要大一些,在纸质媒体显示时,页面字体要小一些。那么如何告诉别人某个样式是适用于何种媒体类型的呢?这就要靠声明media type来实现了。
如何声明media type
@media screen, 3D { P { color: green; } }
这里,3D是不存在的媒体类型,则浏览器会将其解析为
@media screen { P { color: green; } }
p{
color: #ff0000
}
</style>
@import url(“xxx.css”) “screen,print”;
</style>
@media speech {
p{
color: #ff0000
}
}
@media print {
p{
color: blue;
}
}
</style>
更多媒体类型相关知识请参阅W3C官网:http://www.w3.org/TR/CSS21/media.html
发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/141522.html原文链接:https://javaforall.cn
【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛
【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...