- 3
- 0
- 约小于1千字
- 约 4页
- 2026-03-17 发布于福建
- 举报
模块实训-实现商城首页布局
任务导入本单元前几节重点讲解了盒子模型、浮动、定位、弹性盒模型等。为了同学们能够更好地认识css布局,下面将通过任务的形式,完成商城首页布局,如下图所示。
任务分析本任务需要用到本单元所学的盒子模型、浮动、清除浮动等知识。1.盒子模型相关属性设置内、外边距、边框等;2.使用浮动、清除浮动属性实现网页中间内容的横向排列。
任务实施关键代码如下:
您可能关注的文档
- 《船舶管理》教案——第十章 第四节 任务二 轮机部与加装燃油滑油的沟通及轮机部与备件物料供应人员的沟通.docx
- 《船舶管理》教案——第十章 第四节 任务三 资源管理人员的决策和激励及评估.docx
- 《船舶管理》教案——第十章 第五节 任务一运用决策技能的知识和能力.docx
- 《HTML5+CSS3响应式Web开发》课件——1.模块实训-实现登录与注册页.pptx
- 《HTML5+CSS3响应式Web开发》课件——1.模块实训-实现商城商品分类.pptx
- 《HTML5+CSS3响应式Web开发》课件——1.模块实训-实现商城首页页眉页脚.pptx
- 《HTML5+CSS3响应式Web开发》课件——1.模块实训-实现详情页动画效果.pptx
- 《HTML5+CSS3响应式Web开发》课件——2.canvas元素简介.pptx
- 《HTML5+CSS3响应式Web开发》课件——2.css3动画.pptx
- 《HTML5+CSS3响应式Web开发》课件——2.flex弹性布局与定位(上).pptx
原创力文档

文档评论(0)