计算机教程 第6章使用CSS样式.pdfVIP

下载 第6章 使用CSS样式 在前面章节中，我们介绍了使用 H T M L样式格式化文本的方法。 H T M L样式可以看作 是一组用于控制单个文档中某范围内文本外观的格式化属性。使用 H T M L样式，可以一次 完成多个格式化操作任务，从某种程度上减少了格式化文本的复杂程度。 在这一章中，我们要介绍一种新的格式化文本的方法 —C S S样式，利用 C S S样式， 我们可以更进一步的对文本格式进行精确定制。 与H T M L样式不同， C S S样式不仅可以在一篇文档中被使用，而且可以被用于在同一 时刻控制多个文档的格式。只需将 C S S样式定义在文档之外，然后将之链接到多个文档中 即可。当修改文档外部的该 C S S样式的定义时，所有使用该 C S S样式的文档中相应文字的 格式都会自动发生变化。 C S S 的语法比较复杂，要从源代码级介绍 C S S ，其本身就可以写成一本大书。因此， 在这一章里，我们不会对 C S S 的源代码做过多的说明。 D r e a m w e a v e r提供了对 C S S样式近 乎完美的支持，我们不用了解 C S S源代码，就可以创建出绝对符合专业标准的 C S S样式。 6.1 概述 C S S是Cascading Style Sheets ，也即“层叠样式单”的简称。利用它可以对网页中的文 本内容进行精确的格式化控制。利用 C S S样式，不仅可以控制一篇文档中的文本格式，而 且采用外部链接的方式，可以控制多篇文档的文本格式。与 H T M L样式不同，当您对 C S S 样式的定义进行修改时，文档中所有应用该样式的文本格式也会自动发生改变。 C S S样式通常用名称或是 H T M L标记来表示， H T M L文档中的 C S S样式不仅可以控制大 多数传统的文本格式属性，例如字体、字号和对齐方式等。它还可以定义一些特殊的 H T M L属性，例如定位、特别效果和鼠标轮替等。 C S S样式的定义代码一般书写在 H T M L文档的头部，通常由一系列的样式定义组成。 它可以应用到使用标准 H T M L标记所格式化的文本上，可以定义到通过 c l a s s属性所定义范 围的文本上，也可以应用到其他符合 C S S标准规范的文本上。 D r e a m w e a v e r提供了对 C S S样式创作的完美支持。利用 D r e a m w e a v e r ，用户不需要了解 C S S复杂烦琐的语法，就可以创建出具有专业风格的 C S S样式。不仅如此， D r e a m w e v e r还 能够识别现存文档中定义的 C S S样式，这更方便用户对现有文档进行修改。 使用 C S S样式唯一的缺点在于，只有较高版本的浏览器，如 Internet Explorer 4.0 或 Netscape Navigator 4.0 ，才能够正确显示带有 C S S样式的网页。 Internet Explorer 3.0 虽然号 称支持 C S S样式，但实际上并不能识别出所有的 C S S样式。而对于其他较早版本的浏览器， 则都不能识别 C S S样式。 在D r e a m w e a v e r 中，可以使用如下三种类型的 C S S样式： • 自定义C S S样式 它同您在某些字处理程序（如 Wo r d ）中使用的样式概念很类似， 只是它不再有字符样式和段落样式的区别。您可以在任何文本上应用自定义的 C S S 120 Dreamweaver 3 网页设计 下载 样式，无论该文本是一个完整的文本块（例如一个完整的段落或是一个无序列表）， 还是一个局部的文本范围（例如在段落中选中的文本）。如果在一个文本块上应用 自定义的C S S样式， D r e a m w e a v e r会自动在文本块的块标记中添加 c l a s s属性（例如， 可能产生如下代码： p class =