项目内容：4.2项目12：为“市花市树”网页设置固定背景图像和文本段落行高－应用CSS样式
项目目标：1、设置网页固定背景图像。
2、设置文本段落行高。
3、建立样式表文件。
4、应用样式
项目重点：建立样式表文件并应用样式
项目难点：CSS样式
教学过程：
强调机房上课用电安全事项
项目描述：修改网页，使背景图像固定不动，网页中文本为宋体，大小9点，1.5倍行距。
子项目2 设置网页文本，行距
步骤1 新建CSS样式
⑴在“CSS样式”面板中单击“新建CSS规则”。
⑵“新建CSS规则”定义：“选择器类型”：类；名称：mytext1；定义：新建样式表文档。
⑶保存，文件名为：mystyle.css。
⑷在弹出的“CSS规则定义”对话框中设置：
CSS样式是一组在单个文档中控制某范围内文本外观的格式属性。可同时控制多个文档。
教学内容
知识点及技巧讲解
“分类”选择“类型”，字体，大小等设置。
⑸单击“确定”，生成样式表文件。
步骤2 应用CSS样式ytext1”，选择“套用”。
⑶其他文本类似操作。
步骤3 为其他网页设置同样文本效果
⑴打开bjgk.html。
⑵在“CSS样式”面板中选择“附加样式表”按钮。
⑶选择mystyle.css，“添加为”选择“链接”。
⑷再仿照步骤2进行套用。
⑸保存。
二、学生仿照进行练习。
必须以句点开头。
小结：本节重点让学生掌握CSS样式的概念、CSS的创建和使用。
作业：上机练习。
后记：
教学内容
知识点及技巧讲解
一、项目演示操作
子项目1 制作固定背景图像效果
步骤1 打开shss.html
步骤2 新建CSS样式
⑴在“CSS样式”面板中选择“新建CSS规则”。
⑵进行定义：“选择器类型”：标签；“标签”：body，“定义在”：仅对该文档。
⑶弹出的“CSS规则定义”：“分类”：背景；插入背景图像。
样式分为：嵌入式和外部链接式。
步骤2应用的是嵌入式样式表。
创建样式：
①“CSS样式”面板中“新建样式”②“文本”→“CSS样式”→“新建”。
创建应用于文本范围或文本块的自定义样式，则选择“类”，在“名称”中输入样式名称。
“CSS规则定义”对话框有8个分类。见书94.
子项目2的样式是应用“外部链接式”。类名称