计算机教程 第27章创建样式单Web页.pdfVIP

下载 第27章 创建样式单Web页 本章内容： • Cascading Style Sheets(层叠样式单)基础 • 定义和插入样式 • Dreamweaver提示：清除链接中的下划线 • 样式单选项：八种类别的属性 • 使用外部样式单 所有出版物，不论在纸上还是在 We b上，都需要一种样式和内容的均衡来给人以深刻的印 象。没有内容的样式由于没有真实信息而空洞。没有的样式内容则是单调和乏味的，从而失去 了主旨。传统上，H T M L在任何可能的地方，都将样式和内容相结合，更喜欢像 s t r o n g 一类 的逻辑标识来显示强调，而不是使用像 b 一类的物理标识来粗体显示。但是当这种逻辑上的 强调为许多单文档工作时，它的不精确性造成了与事实的不符，如果有可能，那么希望得到跨 越广大范围We b页的样式一致性。 Cascading Style Sheets(层叠样式单)规范已经改变了这种状态—并更进了一步。随着对 Cascading Style Sheets(层叠样式单)支持的增长，更多的We b设计者可以改变字体，文本的大小 和间距，以及带有单一命令的许多其他页面元素—并且让效果不但波及到整个页面，页且涉 及到整个We b站点。而且，一种被称为C S S - P (用于定位) 的C S S增强是一般被称为“层”的东西 的基础。 D r e a m w e a v e r是最先使Cascading Style Sheets (层叠样式单) 的应用方便于使用者的We b创作 工具之一。通过D r e a m w e a v e r直观的界面，We b设计者可以访问超过 7 0种不同的C S S设置，这 些设置可以影响到任何事物，从文本间距到类似于多媒体的转换。 D r e a m w e a v e r让用户按自己 的方式工作：随时创建用户的样式单，然后在准备好的时候链接它，或者像创建用户的 We b页 一样，一个接一个地创建样式。 在本章中，用户将发现 C S S是如何工作的，以及为什么需要它。一个链接中消除下划线的 D r e a m w e a v e r提示将引导用户通过一个典型的关于样式单的讨论。通过自己努力下的实践，用 户将进入到有关于当前 C S S命令的详细信息，和如何将它们应用到自己的 We b页面和站点中的 内容的章节中。还有，有关定义样式的章节将帮助用户理解在 Style Definition(样式定义)对话 框中都是些什么。最后，用户将学会如何创建外部的样式单，使用一个单一的文档来创建 (和 维护) 的整个We b站点的外观和感觉。 27.1 理解CSS Cascading Style Sheets(CSS ，层叠样式单)系统明显地提高了对于We b站点的设计能力。如 果用户是一个曾经使用桌面出版工具的设计者，那么将发现许多包含在 C S S 中的相似的特性， 包括下面所列： • 指定和应用字体特征的命令。 • 传统的版面测量系统和术语。 • 页面版面设计的准确精度。 第27章第创建样式单Web页第第539 下载 Cascading Style Sheets(层叠样式单)可以使用简单的易于理解的语法来应用许多特性。如 果用户熟悉在字处理程序中使用样式的概念，那么掌握样式单将毫无问题。 这里列出了工作是如何进行的： C S S指令以规则的方式给出，一个样式单是这些规则的集 合。规则是组成H T M L或者被称为“选择器”的自定义标识的语句。同时，它的被定义的属性， 称之为“声明”。例如，下面列出了一个使所有 h l 示识的内容的颜色变成在 c o l o r 中给出的红 色的C S S规则： hl {color:red} 在下面的章节中，将介绍C S S 的各种不同的特性—分组、继承和层叠—组合起来使用， 可发挥出样式单的灵活性和强大的功能。 27.1.1 分组属性 We b设计者经常需要同时改变几种样式的属性。 C S S允许声明通过使用分号分隔其内容的 方式来进行分组。例如： hl {color:red；f o n t - f a m i l y：A r i a l