精彩专题推荐:建站之入门课 建站之必修课 建站之关键课 网站价值所在 流量提高专题 css+div 标准 个人网站打造全过程
  • 让你的网站产生收益赚钱,有博客和网站的绝对不能错过
  • 将指定的流量带到你的网站,为你站增加有效的访客,为你提升业绩
  • Dreamweaver使用CSS样式表设置网页文本格式

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

      创建新的样式表

      首先,您将创建包含 CSS 规则(定义段落文本样式)的外部样式表。在外部样式表中创建样式时,可以在一个中央位置同时控制多个 Web 页面的外观,而不需要为每个 Web 页面分别设置样式。

      CSS 规则可以位于以下位置:

      外部 CSS 样式表是存储在一个单独的外部 .css 文件(并非 HTML 文件)中的一系列 CSS 规则。利用文档 head 部分中的链接,该 .css 文件被链接到 Web 站点中的一个或多个页面。

      内部(或嵌入式)CSS 样式表是包含在 HTML 文档 head 部分的 style 标签内的一系列 CSS 规则。例如,下面的示例为已设置段落标签的文档中的所有文本定义字体大小:

    <head>
    <style>
    p{
    font-size:80px
    }
    </style>
    </head>  

      内联样式是在 HTML 文档中的特定标签实例中定义的。例如,<p style="font-size: 9px"> 仅对用含有内联样式的标签设置了格式的段落定义字体大小。

      Dreamweaver 会呈现您所应用的大多数样式属性并在"文档"窗口中显示它们。您也可以在浏览器窗口中预览文档以查看样式的应用情况。有些 CSS 样式属性在 Microsoft Internet Explorer、Netscape Navigator、Opera 和 Apple Safari 中呈现的外观不相同。

      选择"文件">"新建"。

      在"新建文档"对话框中的"类别"列中选择"基本页",在"基本页"列中选择"CSS",然后单击"创建"。

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

      空白样式表将出现在"文档"窗口中。"设计"视图和"代码"视图按钮已被禁用。CSS 样式表是纯文本文件,其内容将不会用于在浏览器中查看。

      将该页保存("文件">"保存")为 cafe_townsend.css

      保存样式表时,请确保将其保存到 cafe_townsend folder 文件夹(您的 Web 站点的根文件夹)中。

      在样式表中键入以下代码:

      p{
      font-family: Verdana, sans-serif;
      font-size: 11px;
      color: #000000;
      line-height: 18px;
      padding: 3px;
      }

      当您键入代码时,Dreamweaver 将使用代码提示为您建议一些选项,以帮您完成输入。当看到希望 Dreamweaver 为您完成键入的代码时,请按 Enter 键 (Windows) 或 Return 键 (Macintosh)。

      不要忘记在每行结尾处的属性值后面加上一个分号。

      完成后的代码类似于下面的示例:

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

      若要显示该指南,请选择"帮助">"参考",然后从"参考"面板的弹出式菜单中选择"O'Reilly CSS 参考"。保存样式表。

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

    用户评论

    广而告之