教学设计

第9讲CSS外部样式及优先级别

发布时间:2024-01-06 11:17 浏览次数:2396    
字体大小 默认
  • 默认
  • 13pt
  • 14pt
  • 15pt
  • 16pt
  • 17pt
  • 18pt
  • 19pt
  • 20pt
  • 21pt
  • 22pt
  • 23pt
  • 24pt
  • 25pt
字体颜色

默认

  • 默认
背景颜色

默认

  • 默认

点击查阅配套资源:  

微课视频   辅助视频   素材下载  PPT   电子教材  上机练习  拓展学习1  拓展学习2

9讲 :CSS外部样式及优先级别

学时:2

任务目标

l  了解CSS外部样式

l  理解CSS样式的优先级别

l  掌握样式优先级别的应用

知识内容

3.1

 

外部样式的创建和CSS样式的优先级别

 

用!important提高样式优先级别

教学方法

教师:理论与实际操作讲解相结合

学生:预习、课堂学习与课堂练习相结合

师生:教师通过课程引导启发提问、疑难解答、学生练习点评进行互动

学习方法

PPT和知识讲解进行理论学习、播放微课进行案例学习,然后进行案例实操练习、课后习题等练习完成知识学习过程

资源

PPT、电子教材、微课视频、网络课程(http://jx.gdgm.cn/skills/wv/30764673

教学过程

知识点

基本内容

教学过程

建议时长(分钟)

复习

复习上一节课内容

运行上一节课案例并强调重点完成复习

2

知识点1:外部样式建和引用

1.外部样式的创建

通过PPT结合实际操作详细讲解外部样式的创建

13

2外部样式的引用

通过PPT结合实际操作详细讲解外部样式的引用

5

知识点2:样式规则的优先级别

 

1样式的优先级别

通过PPT结合实际操作详细讲解样式的优先级别

7

2. 用!important提高样式优先级别

通过PPT结合知识讲解电子教材和实际操作详细讲解提高样式优先级别的方法

8

3、【案例3-1

通过实际操作讲解案例3-1样式的优先级别比较

20

学生练习

解答学生练习过程中出现的问题

25

教师点评案例3-1练习

对学生练习中出现的问题进行总结点评

10

课后作业

学生完成课后习题练习

布置课后作业

 

操作成功!此窗口3秒钟后自动关闭!
立即关闭