网页制作5.docVIP

第三章 Dreamweaver网页设计 实验3.7 应用CSS样式 【相关知识】 1. CSS（Cascading Style Sheets）是层叠样式表的简称。利用它可以对网页中的文本、图像等内容进行精确的格式化控制。CSS样式表定义的代码一般书写在HTML文档的头部。 2. 通过对CSS样式表的定义，可以控制多个网页的格式。实现网站风格的统一和对多个网页的管理。 3. 当CSS样式表修改后，应用该样式的文档也会随之改变。 4. CSS样式有3种：自定义CSS样式、HTML标记样式和CSS选择器样式。 【实验3.7-1】 一、实验目的和要求 1. 掌握创建、应用、导出CSS样式表的方法。 2. 掌握设置样式属性的方法。 二、实验步骤 1. 创建自定义CSS样式 （1）新建一个网页文档。单击【窗口】→【CSS样式】菜单命令，打开【CSS样式】面板。切换到【正在】选项卡下。 （2）在【CSS样式】面板上，单击【新建CSS规则】按钮，或右键单击【CSS样式】面板空白处，在弹出的快捷菜单中选择【新建】菜单命令，打开【新建CSS规则】对话框。如图3-7所示。 图3-7 【新建CSS规则】对话框 （3）在对话框的【选择器类型】处选择“类”选项，在【名称】文本框中输入“newClass”。在【定义在】处选择【新建样式表文件】选项。 （4）单击【确定】按钮，打开【保存样式表文件