教案 讲授章节 第9章CSS样式属性 Q 第10章DIV+CSS页面布局 授课时数 2学时 教学目的： 掌握CSS背景属性、文本与修饰、CSS3多列、列表。 理解CSS背景属性、CSS3服务器端字体、CSS3多列。 教学内容（讲授提纲） 9.1背景(Background) 9.1.1CSS背景 CSS允许应用颜色作为背景，也可以使用图像作为背景。 表10.1CSS背景属性 属性 描述 background 简写属性，在一个声明中设置背景属性 background-color 设置背景颜色 background-image 设置背景图像 background-attachment 设置背景图像是否固定或者随着页面滚动 background-position 设置背景图像的起始位置 background-repeat 设置背景图像是否及如何重复 9.1.2CSS3背景 CsS3增加了3个背景属性。 表10.5CSS3背景属性 属性 描述 background-origin 设置背景图像显示原点位置 background-clip 设置背景向外裁剪的区域 background-size 设置背景图像的尺寸大小 913CSS3诱明度 在CSS3中 opacity属性设置整个对象的不透明度，属性值使用浮点数，取值在 0.0-1.0范围之内。 9.2字体 CSS字体(font)属性定义文本中的字体。 表10.9CSS字体属性 属性 描述教 案 讲授章节 第 9 章 CSS 样式属性 第 10 章 DIV+CSS 页面布局 授课时数 2 学时 教学目的： 掌握 CSS 背景属性、文本与修饰、CSS3 多列、列表。 理解 CSS 背景属性、CSS3 服务器端字体、CSS3 多列。 教 学 内 容（讲授提纲） 9.1 背景（Background） 9.1.1 CSS 背景 CSS 允许应用颜色作为背景，也可以使用图像作为背景。 表 10.1 CSS 背景属性 属性 描述 background 简写属性，在一个声明中设置背景属性 background-color 设置背景颜色 background-image 设置背景图像 background-attachment 设置背景图像是否固定或者随着页面滚动 background-position 设置背景图像的起始位置 background-repeat 设置背景图像是否及如何重复 9.1.2 CSS3 背景 CSS3 增加了 3 个背景属性。 表 10.5 CSS3 背景属性 属性 描述 background-origin 设置背景图像显示原点位置 background-clip 设置背景向外裁剪的区域 background-size 设置背景图像的尺寸大小 9.1.3 CSS3 透明度 在 CSS3 中 opacity 属性设置整个对象的不透明度，属性值使用浮点数，取值在 0.0-1.0 范围之内。 9.2 字体 CSS 字体(font)属性定义文本中的字体。 表 10.9 CSS 字体属性 属性 描述