第七讲MediaQueries移动设备样式.pptVIP

第7讲 Media Queries移动设备样式 请到 240FTP ../ HTML5移动Web开发 下载第7讲文件夹 主要内容 属性选择器 伪类选择器 阴影 背景 圆角边框 Media Querise 移动设备样式 把传统网站移植成移动Web网站 习题 详细内容 概述 Media Queries的使用方式 把传统网站移植成移动Web网站 习题 1、概述 Media Queries直译过来就是“媒体查询”，在我们平时的Web页面中head部分常看到这样的一段代码： link href=css/reset.css rel=stylesheet type=text/css media=screen / link href=css/style.css rel=stylesheet type=text/css media=all / link href=css/print.css rel=stylesheet type=text/css media=print / 或者这样的形式： style type=text/css media=screen @import url(css/style.css); /style 在CSS3中我们可以设置不同类型的媒体条件，并根据对应的条件，给相应符合条件的媒体调用相对应的样式表。 首先来看一个简单的实例： li