第7章 css——层叠样式表

《第7章 css——层叠样式表》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、《网页设计与制作》教案课程名称:第7章CSS——层叠样式表授课教师姓名:**职称（或学历）:**授课对象：**授课时数:2教材名称及版本:网页设计与制作2006年9月第2版一、教学目的及要求通过本章的学习，理解CSS的基本概念、功能、意义。掌握CSS的结构和定义方法。理解BOX对象的概念，了解CSS中的布局属性、文本属性、颜色及背景属性、字体属性、列表属性的定义方法，能够建立基本的CSS，依据要求修改已有的CSS。熟练掌握在HTML中调用CSS的方法。二、授课的主要内容第一节什么是CSS？第二节CSS结构和规则第三节选

2、择符第四节BOX模型属性第五节布局属性第六节文本属性第七节颜色及背景属性第八节字体属性三、教学重点和难点建立基本的CSS，依据要求修改已有的CSS。熟练掌握在HTML中调用CSS的方法。四、教学手段和教具多媒体课件、板书、绘图。五、教学方法讲授法、演示法、对比法、逻辑推导法、自主探究学习法。六、教学过程讲授新课3（1）什么是CSS？是对HTML的重要扩展，其作用之一就是针对页面中的对象的风格和样式进行定义；其二，它使得HTML各个标记的属性更具有一般性和通用性。（2）CSS结构和规则本节说明了复制画面图像、选择工具的矩

3、形与椭圆形式、使用拷贝和粘贴方法建立图层、建立新图层、图层间的关系及透明、移动和旋转图像、用橡皮图章擦除原有树叶、图层合并与存盘。（3）选择符在CSS中主要有三种选择器：超文本标记选择符，类选择符，ID选择符。这三种选择器分别针对不同的要求而设，而其各自的定义方式也不相同。（4）BOX模型属性BOX有三类属性：padding、margin和border，分别控制BOX的边框和内容之间插入多少空间、内容与边框之间的距离、BOX边框的属性。本节对上述三种属性分别进行了详细的解释。（5）布局属性在HTML中布局只能依靠元素的

4、排列来实现，但是通过CSS可以控制元素的定位到像素级别，因此它提供了更加精确的定位方式。本节主要对CSS中控制定位的属性进行介绍，包括：位置，排列方向，BOX的宽度控制，BOX的高度控制等。（6）文本属性本节主要介绍如何在css中控制网页中的文本显示情况，包括控制文字行距、水平对齐方向、垂直对齐方向、第一行文字缩进、字母的大小写、文字修饰等属性的使用方法及实例。（7）颜色及背景属性使用css不但可以改变整个网页的背景，而且还可以控制其他元素的背景，比如段落标记。本节主要讨论的属性有：文字的颜色，背景颜色，背景图片，重复

5、背景图像，是否冻结背景图像。（8）字体属性3本节主要讨论如何用css来控制元素中字体的形状、大小、风格，涉及到的属性有：字形，字体大小，字体效果，文字的组细。七、教学内容小结。虽然CSS的功能非常强大，但是还有应当注意的问题，如浏览器兼容性和客户端环境的变化造成CSS失效等可能发生的情况，并指导如何避免这种情况的发送。八、巩固练习章节习题并讲评。3