Web前端开发项目教程 课件 6.3 改变元素的排列方式.pptx

Web前端开发项目教程主讲人：卞孝丽

改变元素的排列方式

【任务目标】知识目标理解HTML文档流及元素的浮动原理；掌握浮动属性的用法和清除浮动的方法；掌握处理父级塌陷问题的方法。能力目标能够应用float浮动属性制作横向导航；?能够灵活运用float属性实现文字环绕图像、图像在文字一侧显示等图像和文本混排的美观大方效果；能够运用float属性对网页进行各种各样灵活的布局。素质目标培养思维品质和良好的创新意识；提升技能水平，充分挖掘培养潜能。

【导学知识】一、认识浮动在Web前端开发中，默认添加的页面元素处在标准文档流模式。在标准文档流中，一个块级元素在水平方向会