网页设计与制作教程 第3版 第六章 用Dreamweaver8创建网站.ppt

2．应用规则 1）在“文档”窗口中打开index.html页，单击“特色菜肴”将插入点置于该词中的某个位置，如图6-91所示。 2）在标签选择器中，单击最右边的a标签。此操作将为指定的a标签或链接选择所有文本，如图6-92所示。 3）在“属性”检查器中，从“样式”弹出式菜单中选择“navigation”，如图6-93所示。 在“文档”窗口中，“特色菜肴”文本的外观完全发生了变化。根据在上一节中为.navigation规则所定义的属性，该文本的格式现在已被设置为导航条按钮，如图6-94所示。 4）对于导航条中的每个链接，重复第1～3步。导航文本设置后显示如图6-95所示。 5）完成对导航条的所有文本的格式设置后，保存该页面，然后在浏览器中预览。 3．添加鼠标经过效果 1）打开rural_eatery.css文件。 2）选择整个.navigation规则，如图6-96所示。 3）复制文本（“编辑”“复制”）。 4）在该规则的末尾单击一下，然后按几次〈Enter〉键以创建一些空行，如图6-97所示。 5）将已复制的文本粘贴（“编辑”“粘贴”）到刚创建的空行中。 6）将:hover伪类添加到已粘贴的.navigation类代码中，如图6-98所示。 7）在新的.navigation:hover规则中，把当前背景色(#006600)替换为#009933，如图6-99。 8）保存并关