IT中国首页

• 网站首页
• 业界动态
• 视频教程
• 在线课堂
• 光盘教程
• 在线交流
• 图书推荐
• 资源下载

       在我们浏览网页时，经常看到网页的导航条是由文字制作的。这是因为文字与图像相比，文字的下载速度更快一些。而加上链接的文字会改变它的颜色和样式，和网页整体不协调，我们可以利用CSS样式来定义文字的统一样式，与网页融为一体，让网页看起来更统一。
       操作步骤：
      （1）在Dreamweaver MX 2004中打开一个半成品的网页，在【文档】工具栏的【标题】文本框中输入“文字导航条链接”，并且保存该文档。
      （2）将光标置于要输入导航栏目的单元格中，输入导航栏目名称“我的足迹”，文字颜色自动为黑色。

           （3）按Shift＋F11打开【CSS样式】面板，单击面板右下角的【新建CSS样式】按钮 ，在弹出的【新建CSS样式】对话框中设置【名称】为.font，【选择器类型】为类（可应用于任何标签），启用【定义在】中的仅对该文档。
         （4）单击【确定】按钮，弹出【.font的CSS样式定义】对话框，在默认的类型属性中设置【大小】为12像素，【颜色】为#FFFFFF，启用【修饰】为无，单击【确定】按钮，创建完成CSS样式。

         （5）选中文字，单击【属性检查器】中的【链接】文本框后的【浏览】按钮 ，在弹出的【选择文件】对话框中选择要链接的文件，单击【确定】按钮即可在【链接】文本框中显示出链接路径。