Web前端开发项目化教程课件：DIV+CSS 复杂布局.pptx

DIV+CSS复杂布局;任务1浮动布局两栏式页面;一、认识浮动;二、元素的浮动属性float;2.1不设置浮动;2.2设置浮动;课堂练习;三、清除浮动;三、清除浮动;课堂案例;四、盒子的高度塌陷及解决方法;四、盒子的高度塌陷及解决方法;1.使用空标记清除浮动;2.使用after伪对象清除浮动;3.使用overflow属性清除浮动;项目实践1.三栏式水平布局排版;项目实践2;补充实践项目;DIV+CSS复杂布局;任务2DIV+CSS布局网上商城首页;一、网页布局的流程;一、网页布局的流程;二、常见网页布局——单栏式布局;二、常见网页布局——两栏式布局;二、常见网页布