cs学习重点分析.pptVIP

* 12.7 综 合 实 例 12.7.1 使用CSS实现鼠标指针形状改变 具体操作步骤如下。 (1) 打开网页文档，如图12.49所示。 (2) 选择“窗口”|“CSS样式”命令，打开“CSS样式”面板，在面板中单击鼠标右键，在弹出的快捷菜单中选择“新建”命令，弹出“新建CSS规则”对话框，将“选择器类型”选择“类(可应用于任何HTML元素)”选项，“选择器名称”文本框中输入shub，“规则定义”中选择“(仅限该文档)”，如图12.50所示。 * 12.7 综 合 实 例 (3) 单击“确定”按钮，弹出“. shub的CSS规则定义”对话框，选择“分类”中的“扩展”选项，在Cursor下拉列表中选择se-resize，如图12.51所示，其生成的CSS代码如下所示。 style type=text/css .shub {cursor: help;} /style (4) 单击“确定”按钮，在文档中选中images/LOGO.gif图像，在属性面板中选择“类”右边的下拉列表中的shub样式，如图12.52所示。 * 12.7 综 合 实 例 (5) 保存文档，在浏览器中预览效果如图12.53所示。 * 12.7.2 使用CSS实现背景变换的导航菜单 具体操作步骤如下。 (1) 启动Dreamweaver，打开网页文档，切换到代码视图中，在head与/head之间相应的位