第7章 综合例1──为“SM”网站主页设置样式.docVIP

第7章 综合实例1──为“SM”网站主页设置样式 本例将在第6章综合实例2制作好的网页文档“index.html”的基础上，为该网页设置样式，最终效果如图7-2-1所示。 图7-2-1 为“SM”网站主页设置样式最终效果 制作思路 首先为网页文档设置body样式，然后创建类样式并将其应用于选定的文本上，最后创建高级样式，其将自动应用于所有的链接文本。 制作步骤 1. 设置body样式 Step01 启动Dreamweaver 8后，打开“SM”站点中的文档“index.html”。 Step02 打开“CSS样式”面板，单击“新建CSS规则”按钮，打开“新建CSS规则”对话框。 Step03 在“选择器类型”区选择“标签”，在“标签”下拉列表中选择“body”，在“定义在”列表区选择“新建样式表文件”，之后单击“确定”按钮，如图7-2-2所示。 图7-2-2 “新建CSS规则”对话框 Step04 打开“保存样式表文件为”对话框，在“保存在”下拉列表中选择“SM”站点根文件夹，在“文件名”文本框中输入文件名“s1”，单击“保存”按钮，如图7-2-3所示。 图7-2-3 保存样式表文件 Step05 打开“body的CSS规则定义”对话框，在“大小”下拉列表中选择“12”，设置“行高”为20像素，颜色为灰色（#999999），如图7-2-4所示。