第7章 浮动与定位_教学设计概要
合集下载
相关主题
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
《HTML+CSS+JavaScript网页制作案例教程》
教学设计
课程名称：HTML+CSS+JavaScript网页制作案例教程
授课年级：2015年级
授课学期：2015学年第二学期
教师姓名：某某老师
201 年月日
知识点讲解
总结知识点
教师和学生一起总结在案例中涉及到的知识点，主要包括“运用clear 清除浮动、运用overflow属性清除浮动、使用after伪对象清除浮动”识点。
“违停查询”界面
鼠标移上“违停查询”界面时
总结知识点
教师和学生一起总结在案例中涉及到的知识点，主要包括“元素的定位属性、静态定位、相对定位、绝对定位、固定定位、z-index
讲解“元素的定位属性”
）、教师和学生互动：制作网页时，如果希望元素出现在某个特定的位置，就需要使用定位属性对元素进行精确定位。元素的定位属性主要包括定位模式和边偏移两部分。下面，将进行具体讲解。
在文档流
中的位置仍然保留
100px 150px
child-02在
文
档
流
中的位置仍然保留
100px 150px
child-02