网页教案设计方案6.docVIP

- PAGE 1 - 第六章 层叠样式表 本章教学目标： 1．理解掌握CSS的概念和作用； 2．熟练掌握类样式的创建和应用； 3．熟练掌握标签样式的创建和应用； 4．熟练掌握高级样式的创建和应用； 5．熟练掌握外部样式表的创建； 6．熟练掌握CSS特效的应用； 7．熟练使用样式表美化网页。 教学重点： 1．掌握创建类样式、标签样式、高级样式及应用； 2．掌握样式表文件的创建及应用； 教学难点： 创建和应用类样式 教学时间 8课时（4节理论课，4节实验课） 教学过程 §6.1 创建类样式 一、样式表的三种基本类型 1．类样式 类样式适合于单独为元素设置个性化的样式。用户可以在文档的任何区域或文本中应用类样式。定义好的类样式能很方便的应用到网页元素中。如果将类样式应用于一整段文字，那么会在相应的标签中出现“Class”属性，该属性值即为类样式名称。 2．HTML标签样式 可以针对某一个标签来定义层叠样式表，也就是说所定义的层叠样式表将只应用于选择的标签。例如：为Body标签定义了层叠样式表，那么所有包含在Body、/Body标签范围内的内容将遵循所定义的层叠样式表。 3．高级样式 高级样式为特殊的组合标签定义层叠样式表，使用ID作为属性，以保证文档具有唯一可用的值。高级样式是一种特殊类型的样式，常用的有四种，分别为a:link、a:active、a:visited、a:hover