精彩专题推荐:建站之入门课 建站之必修课 建站之关键课 网站价值所在 流量提高专题 css+div 标准 个人网站打造全过程

Dreamweaver使用CSS样式表设置网页文本格式

来源:网络整理 时间:07-11-06 点击: 点击这里收藏本文

  将类样式应用到文本

  现在,您已经创建了一个类规则,并将该规则应用到某些段落文本。

  在"文档"窗口中,选择第一段中文本的前四个单词:Cafe Townsend's visionary chef。

  在"属性"检查器("窗口">"属性")中,从"样式"弹出式菜单中选择"bold"。

   Dreamweaver使用CSS样式表设置网页文本格式_建站学(www.jzxue.com)整理

  "粗体"类样式将应用到您的文本。

  重复第 2 步,将"粗体"类样式应用到第二段的前四个单词。

   Dreamweaver使用CSS样式表设置网页文本格式_建站学(www.jzxue.com)整理

  保存页面。

  设置导航条文本的格式

  接下来,您将使用 CSS 将样式应用到导航条的链接文本。许多 Web 页面使用内含文本的彩色矩形图像来创建导航条。但是,如果使用 CSS,您所需要设置的只是链接文本和一些格式。通过使用 display: block 属性并设置块的宽度,您可以有效地创建矩形,而不需要另外使用图像。

  为导航创建新规则

  若未打开 cafe_townsend.css 文件,则打开该文件,或单击其选项卡来显示该文件。

  定义一个新规则,方法是在该文件的 .bold 类样式后面键入以下代码:

  .navigation {

  }

  这是一个空规则。

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

   Dreamweaver使用CSS样式表设置网页文本格式_建站学(www.jzxue.com)整理

  保存 cafe_townsend.css 文件。

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

  若未打开 index.html 文件,则打开该文件。

  在"CSS 样式"面板中,确保选中了"全部"模式,选择新的 .navigation 规则,然后单击面板右下角的"编辑样式"。

   Dreamweaver使用CSS样式表设置网页文本格式_建站学(www.jzxue.com)整理

9 7 3 1 2 3 4 5 6 7 8 9 4 8 :

用户评论

广而告之