浮动与定位-教学设计(汇编) 清除浮动的影响的方法

下面是小编为大家精心整理的浮动与定位-教学设计(汇编) 清除浮动的影响的方法文章,供大家阅读参考。

精品文档

精品文档传智播客

《HTML5+CSS3网站设计基础

教程》

教学设计

课程名称：HTML5+CSS3网站设计基础教程

授课年级：2016年级

授课学期：2016学年第一学期

教师姓名：某某老师

精品文档

精品文档201 年月日

精品文档

精品文档

精品文档

精品文档

精品文档

精品文档

精品文档

精品文档

精品文档

精品文档

150px

100px

在

文

档

流

中

的

位

置

仍

然

保

留

child-02

、教师指出应用“相对定位”时需要注意的问题，并给予解答。

、学生练习，教师巡视，对疑难问题进行解答。

讲解“绝对定位”

PPT对“绝对定位”的概念进行讲解。

、教师针对“绝对定位”进行详细讲解，并进行代码演示

、教师分析“绝对定位”的用法及显示效果，对比其和“静态定位”

以及“相对定位”的区别与联系。

150px

100px

、教师指出应用“绝对定位”时需要注意的问题，并给予解答。

、学生练习，教师巡视，对疑难问题进行解答。

讲解“固定定位”

）、教师展示PPT对“固定定位”的概念进行讲解。

、教师针对“固定定位”进行详细讲解，并进行代码演示

、教师分析“固定定位”的用法及显示效果，对比其和“静态定位”

“相对定位”以及“绝对定位”的区别与联系。

、学生练习，教师巡视，对疑难问题进行解答。

推荐访问:清除浮动的影响的方法 教学设计 浮动 汇编

---