《PHP入门培训教程PHP培训教程PHP基础教程08CSS.ppt》由会员分享,可在线阅读,更多相关《PHP入门培训教程PHP培训教程PHP基础教程08CSS.ppt(10页珍藏版)》请在三一办公上搜索。
上一章知识点检查,表格 table过渡(扩展)动画(扩展)2D变换(扩展)Media Features媒体查询,本章课程,CSS3+HTML5的布局方式CSS3+HTML5 响应式布局实现方式,三种布局方式,传统DIV布局 实例 HTML5+CSS3布局方式 实例 响应式布局 实例,HTML5布局标签,HTML5的新标签元素有:定义页面或区段的头部;定义网页主体部分;定义页面或区段的尾部;定义页面或区段的导航区域;页面的逻辑区域或内容组合;定义正文或一篇完整的内容;定义补充或相关内容;,DIV+CSS 时期的 HTML 代码布局模式,HTML5 语义化标签的布局模式,注意:使用HTML5 语义化标签的布局模式在IE9以下浏览器不兼容,可使用下面的代码解决。,2.响应式布局,第一种:直接在页头中使用CSS样式修饰。/*宽度范围 最高度*/media all and(min-width:300px)and(max-width:800px)bodycolor:red;media all and(min-width:100px)and(max-width:300px)bodycolor:green;,2.响应式布局,第二种:导入不同的css样式文件:,