文档介绍：CSS3-05主讲:邮箱:上一章知识点检查表格table过渡(扩展)动画(扩展)2D变换(扩展)MediaFeatures媒体查询本章课程CSS3+HTML5的布局方式CSS3+HTML5响应式布局实现方式三种布局方式传统DIV布局实例HTML5+CSS3布局方式实例响应式布局实例HTML5布局标签HTML5的新标签元素有: <header>定义页面或区段的头部; <main>定义网页主体部分; <footer>定义页面或区段的尾部; <nav>定义页面或区段的导航区域; <section>页面的逻辑区域或内容组合; <article>定义正文或一篇完整的内容; <aside>定义补充或相关内容;DIV+CSS时期的HTML代码布局模式HTML5语义化标签的布局模式注意:使用HTML5语义化标签的布局模式在IE9以下浏览器不兼容,可使用下面的代码解决。:直接在页头中使用CSS样式修饰。<styletype="text/css"> /*宽度范围最高度*/ ***@mediaalland(min-width:300px)and(max-width:800px){ body{ color:red; } } ***@mediaalland(min-width:100px)and(max-width:300px){ body{ color:green; } }</style>