《网页设计与制作》教案讲义-第6章jc

教学要求

● 了解CSS样式的作用； ● 熟悉CSS样式的分类； ● 掌握CSS样式的创建方式； ● 掌握CSS样式属性；

教学重点

● CSS样式的分类； ● CSS样式的创建方式； ● CSS样式属性；

教学难点

● CSS样式的分类； ● CSS样式的创建方式； ● CSS样式属性；

课时安排

本章安排12课时。其中，理论讲授6课时，上机实验6课时

教学大纲

一、CSS样式简介

1、CSS样式的基本语法 2、CSS样式的书写 3、注释

二、CSS样式的选择符 1、HTML标签选择符 2、选择符组 3、类选择符 4、ID选择符 5、伪类选择符 6、包含选择符 7、选择符的优先级 三、CSS样式的引用 1、样式的分类

2、引用样式的优先级 3、样式的层叠性 四、CSS样式的属性 1、背景属性

2、文本属性 3、列表属性 4、滤镜

主要知识点

1．CSS

2．CSS样式的基本语法 3．CSS样式的书写 4．注释

5．HTML标签选择符 6．选择符组 7．类选择符 8．ID选择符 9．伪类选择符 10．包含选择符 11．选择符的优先级 12．嵌入式样式 13．外联式样式 14．内联式样式

15．引用样式的优先级 16．样式的层叠性 17．Background-color 18．Background-image 19．背景重复 20．背景定位 21．背景关联 22．Font-family 23．Font-size 24．Font-style 25．Font-weight 26．Text-decoration 27．Font-variant 28．Text-indent 29．Text-align 30．Word-spacing 31. list-style

32. list-style-position 33. list-style-image 34. position 35. 相对定位 36. 绝对定位 37. 浮动（float） 38. alpha 39. blur 40. Chroma

41. DropShadow 42. FlipH、FlipV 43. Glow 44. Gray 45. Invert 46. Mask 47. Shadow 48. Wave

49. “CSS样式”面板 50. 新建样式规则 51. 选择器名称 52. 规则定义 53. 类型 . 背景 55. 区块 56. 方框 57. 边框 58. 定位 59. 扩展

60. 应用类样式 61. 删除类样式 62. 重命名类样式

实验

1．掌握通过CSS代码，创建不同类型的CSS样式

2．掌握通过Dreamweaver中的CSS面板，创建不同类型的CSS样式 3．掌握应用CSS样式的方法