web前端|html教程
css,media,type,类型,媒体
web前端-html教程
madia type作用
星辰博客源码,vscode拿来干嘛,ubuntu安装nvidia显卡驱动,安装版tomcat下载,sqlite pb,网页设计的问题,sql2000 数据库权限,服务器查看日志,wordpress修改链接插件,php框架前端后端,射手爬虫,php 增删改查,淮安seo,springboot 开源,标签云图 制作, 网站强制兼容性运行,网页后台源代码,discuz 移动端模板,文件上传后台处理,注册成功页面模板代码,健康管理系统模板下载,易语言程序界面美化lzw
首先要明白一点，我们平时写的HTML页面，可能在不同的媒体类型中显示，如可能显示在屏幕sreen上，也可能显示在纸质print上。那么当页面在不同的媒体类型中显示时，需要的样式可能是不一样的。比如，一般在screen上显示时，页面字体要大一些，在纸质媒体显示时，页面字体要小一些。那么如何告诉别人某个样式是适用于何种媒体类型的呢？这就要靠声明media type来实现了。
穿越火线充值源码,vscode用做什么语言,刷入ubuntu,tomcat项目下视频,爬虫 排除文件,php trie树,个人可以接单的工作seo,代下载网站 源码,phpwind网页模板lzw
如何声明media type
摄影工作室网站源码,vscode调整外观风格,ubuntu终端汇编,这么注册tomcat服务,go 爬虫 sessions,php 转换成utf8,烟台济南seo优化如何做,工厂5s网站管理源代码,joomla模板教程lzw
常用媒体类型有：all，screen，print，handled，speech等；
注意媒体类型是大小写敏感的，只能是小写；
当浏览器遇到错误的媒体类型，或者不存在的媒体类型，就会忽略此媒体类型的存在，如：
@media screen, 3D { P { color: green; }}
这里，3D是不存在的媒体类型，则浏览器会将其解析为
@media screen { P { color: green; }}
如何为样式声明媒体类型，见如下示例代码：
@import url("mystyle2.css") screen,print;/*mystyle2样式表只应用于screen和print媒介*/ @media screen { body{font-size:14px;} /*在screen媒介中body字体为14px*/ } @media print { body{font-size: 10px;} /*在print媒介中body字体为10px*/ } body{color: #ff0000;}/*若样式没有声明媒体类型，相当于媒体类型为all，则此样式会应用于所有的媒体类型*/
更多媒体类型相关知识请参阅W3C官网： /TR/CSS21/media.html
