您的位置：首页 > 公文范文公文范文
第7章 浮动与定位_教学设计概要 清除浮动的影响的方法
2025-08-21人已围观
第7章 浮动与定位_教学设计概要 清除浮动的影响的方法
下面是小编为大家精心整理的第7章 浮动与定位_教学设计概要 清除浮动的影响的方法文章,供大家阅读参考。
《HTML+CSS+JavaScript网页制作案例教程》
教学设计
课程名称：HTML+CSS+JavaScript网页制作案例教程
授课年级：2015年级
授课学期：2015学年第二学期
教师姓名：某某老师
201 年月日
知识点讲解
总结知识点
教师和学生一起总结在案例中涉及到的知识点，主要包括“运用clear 清除浮动、运用overflow属性清除浮动、使用after伪对象清除浮动”识点。
“违停查询”界面
鼠标移上“违停查询”界面时
总结知识点
教师和学生一起总结在案例中涉及到的知识点，主要包括“元素的定位属性、静态定位、相对定位、绝对定位、固定定位、z-index
讲解“元素的定位属性”
）、教师和学生互动：制作网页时，如果希望元素出现在某个特定的位置，就需要使用定位属性对元素进行精确定位。元素的定位属性主要包括定位模式和边偏移两部分。下面，将进行具体讲解。
在文档流
中的位置仍然保留
100px 150px
child-02在
文
档
流
中的位置仍然保留
100px 150px
child-02
相关热词搜索：
清除浮动的影响的方法
概要
教学设计
浮动
2022/0314/39131
下面是小编为大家精心整理的第7章 浮动与定位_教学设计概要 清除浮动的影响的方法文章,供大家阅读参考。
《HTML+CSS+JavaScript网页制作案例教程》
教学设计
课程名称：HTML+CSS+JavaScript网页制作案例教程
授课年级：2015年级
授课学期：2015学年第二学期
教师姓名：某某老师
201 年月日
知识点讲解
总结知识点
教师和学生一起总结在案例中涉及到的知识点，主要包括“运用clear 清除浮动、运用overflow属性清除浮动、使用after伪对象清除浮动”识点。
“违停查询”界面
鼠标移上“违停查询”界面时
总结知识点
教师和学生一起总结在案例中涉及到的知识点，主要包括“元素的定位属性、静态定位、相对定位、绝对定位、固定定位、z-index
讲解“元素的定位属性”
）、教师和学生互动：制作网页时，如果希望元素出现在某个特定的位置，就需要使用定位属性对元素进行精确定位。元素的定位属性主要包括定位模式和边偏移两部分。下面，将进行具体讲解。
在文档流
中的位置仍然保留
100px 150px
child-02在
文
档
流
中的位置仍然保留
100px 150px
child-02
相关热词搜索：
清除浮动的影响的方法
概要
教学设计
浮动
2022/0314/39131
上一篇：杀菌剂
下一篇：学乐器,语文数学都变好