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