为导航创建新规则

  1. 若未打开 cafe_townsend.css 文件,则打开该文件,或单击其选项卡来显示该文件。
  2. 定义一个新规则,方法是在该文件的 .bold 类样式后面键入以下代码:
    .navigation {
    }
    

    这是一个空规则。

    文件中的代码应类似于下面的示例:



  3. 保存 cafe_townsend.css 文件。

    接下来,您将使用"CSS 样式"面板向规则添加属性。

  4. 若未打开 index.html 文件,则打开该文件。
  5. 在"CSS 样式"面板中,确保选中了"全部"模式,选择新的 .navigation 规则,然后单击面板右下角的"编辑样式"。



  6. 在"CSS 规则定义"对话框中,执行下面的操作:
  1. 单击"确定"。

    现在,您将使用"CSS 样式"面板向 .navigation 规则添加更多属性。

  2. 在"CSS 样式"面板中,确保选中了 .navigation 规则,然后单击"显示列表视图"。



    列表视图可使"属性"窗格按字母顺序显示所有可用属性(与"设置属性"视图不同,"设置属性"视图只显示已设置的属性)。

  3. 单击 background-color 属性右边的列。

    若要查看属性的完整内容,请将鼠标指针停留在该属性上。

  4. 输入十六进制值 #993300,然后按 Enter 键 (Windows) 或 Return 键 (Macintosh)。



  5. 找到 display 属性(可能需要向下滚动),在右边的列中单击一次,然后从弹出式菜单中选择 block。



  6. 找到 padding 属性,在右边的列中单击一次,输入值 8px,然后按 Enter 键 (Windows) 或 Return 键 (Macintosh)。
  7. 找到 width 属性,在右边的列中单击一次,在第一个文本框中输入 140,从弹出式菜单中选择像素,然后按 Enter 键 (Windows) 或 Return 键 (Macintosh)。
  8. 单击"显示设置属性",以便在"属性"窗格中仅显示您设置的属性。



  9. 单击 cafe_townsend.css 文件以显示该文件。您将看到,Dreamweaver 已经将您指定的所有属性添加到该文件中。
  10. 保存并关闭 cafe_townsend.css 文件。

现在,您已经创建了一个设置导航条文本格式的规则。接下来,您要将该规则应用到所选链接。




未找到评论

 

评论添加到页面后给我发送电子邮件 | 评论报告

当前页: http://www.ecnnl.com/doc/dreamweaver/8_cn/using/gs_06_11.htm

 

E中荷|荷兰华人电子商务