天津开放大学文本第8章辅导_Dreamweaver网页设计.doc_大学文库

第8章创建CSS样式表一、要点解析本章主要介绍CSS层叠式样式表、定义CSS样式表、创建并链後到外部CSS样式，设置CSS样式的格式化参数、设置超链接最示状态、添如各种CSS效果，教学要求：拿罪：内部CSS和外部CSS的添加方法，编辑CSS属性，使用CsS选行页面的排版，创建各种CSS效果。理解：使用CSS排版的优点，了解：如何使用CSS控制背景、佩标以及添加其它特殊效果。了解层叠样式表层叠样式表(C5S)是一系列格式设置规则，它们控制b页面内容的外观。使用C5$ 设置页面格式时，请将内容与表现形式分开.页面内容（即T.代码）驻留在TL文件自身中，而用于定义代码表现形式的CSS规则驻留在另一个文作（外部样式表）或面.文档的另一部分（通常为文件头部分）中。使用55可以丰常灵活并更好地控刺具体的页面外观，从精确的布具定位到特定的字体和样式。 C5允许您控制HL无法触自控制的许多属性，例如，可以为选定的文本霜定不月的字体大小和单位（像素、确值等），通过使用CSS以像素为单位设置字体大小，还可以确保在多个利宽器中以更一致的方式处理页面布局和外观。除设置文本格式外，还可以使用C5S控制雪b页面中块级别元素的格式和定位，例如，可以设置块级元素的边距和边框、其使文本周围的浮动文本等。 CSS格式设置规则由两部分组成：选择器和声明。选择器是标识格式元素的术语（如P, H1,类名成D),声明用于定义元素样式。在下面的示例中，1是选择器，介于括号()) 之间的所有内容都是声明：用 font-size:16 pixels: font-family:Helvetica: font-veight:bold: 声明由两部分组成：属性〔如知fant-fanily》和值（如Helvetica)。上面的C5S规则为阳标签创建了一个特定的样式：链接到此样式的所有1标签的文本都将是16个像素大小，elvetica字体和粗体，术语casca1g表示向同一个元素应用多种样式的能力，例如，可以创建一个CSS规

第 8 章创建ＣＳＳ样式表一、要点解析本章主要介绍 CSS 层叠式样式表、定义 CSS 样式表、创建并链接到外部 CSS 样式、设置 CSS 样式的格式化参数、设置超链接显示状态、添加各种ＣＳＳ效果。教学要求：掌握：内部ＣＳＳ和外部ＣＳＳ的添加方法，编辑ＣＳＳ属性，使用ＣＳＳ进行页面的排版，创建各种ＣＳＳ效果。理解：使用 CSS 排版的优点。了解：如何使用ＣＳＳ控制背景、鼠标以及添加其它特殊效果。了解层叠样式表层叠样式表 (CSS) 是一系列格式设置规则，它们控制 Web 页面内容的外观。使用 CSS 设置页面格式时，请将内容与表现形式分开。页面内容（即 HTML 代码）驻留在 HTML 文件自身中，而用于定义代码表现形式的 CSS 规则驻留在另一个文件（外部样式表）或 HTML 文档的另一部分（通常为文件头部分）中。使用 CSS 可以非常灵活并更好地控制具体的页面外观，从精确的布局定位到特定的字体和样式。 CSS 允许您控制 HTML 无法独自控制的许多属性。例如，可以为选定的文本指定不同的字体大小和单位（像素、磅值等）。通过使用 CSS 以像素为单位设置字体大小，还可以确保在多个浏览器中以更一致的方式处理页面布局和外观。除设置文本格式外，还可以使用 CSS 控制 Web 页面中块级别元素的格式和定位。例如，可以设置块级元素的边距和边框、其他文本周围的浮动文本等。 CSS 格式设置规则由两部分组成：选择器和声明。选择器是标识格式元素的术语（如 P、 H1、类名或 ID），声明用于定义元素样式。在下面的示例中，H1 是选择器，介于括号 ({}) 之间的所有内容都是声明： H1 { font-size:16 pixels; font-family:Helvetica; font-weight:bold; } 声明由两部分组成：属性（如 font-family）和值（如 Helvetica）。上面的 CSS 规则为 H1 标签创建了一个特定的样式：链接到此样式的所有 H1 标签的文本都将是 16 个像素大小、Helvetica 字体和粗体。术语 cascading 表示向同一个元素应用多种样式的能力。例如，可以创建一个 CSS 规

则来应用颜色，创建另一个C55规则来应用边距，然后将两者应用于页面上的月一个文本。所定文的样式向下“层叠”到您的地页面上的元素，并最终创建您想要的设计。 CSS的主要优点是它提供了便利的更新功能：更新一处的C5S规则时，使用该已定义样式的所有文档的格式都会自动更新为新样式。在reamreaver中可以定义以下样式类型：自定义C5S规则（也称为类样式）使您可以将样式属性应用于任何文本范围或文本块。 (请参见应用类样式，) L.标签样式重定义特定标签（如hl)的格式。创建或更改h】标签的CSS样式时，所有用1标签设置了格式的文本都会立即更新。 CSS选择器样式（高级样式》重新是义特定元素组合的格式设置，或重新定义下S允许的其他选释墨表单的格式设置（例如，每当2标题出现在表格单元格内时都应用选释墨 tdh2).高级样式还可以重新定义包含特定id属性的标签的格式设置（例如，5tyle定义的样式可应用于包含属性值对1d中”yStyle”的所有标鉴)。 CSS规可以位于以下位置：外部C55样式表是一系列存储在一个单独的外都C5S(css)文件（并辈TL文件）中的CSS规则，利川文格文件头部分中的蛙接，该文件按链接到中站点中的一个或多个页面。内部（或怅入式）CSS样式表是一系列包含在TL文档文件头部分的sty1e标签内的C55规则. 内联样式是在标签的特定实例中在整个HTL文档内定义的。 Dreanseaver识别现有文档中定义的样式，只要这些样式符合CSS样式准期。提示若要是示Drearreaver中包含的0矿Reilly CSS参考折南，请选拆“帮助>”参考”，然后从"参考"面版的弹出式菜单中选择"0ei11yC5S参考”。手动设置的HTL.格式设置会厦盖通过C55应用的格式设置.要使55规则伦够控制段落格式，必须到除所有手动设置的TL格式。 Dreanseaver会呈现您在文栏窗口中直接应用的大多数样式属性，您也可以在风克器窗口中预魔文档以查看样式的应用情况。有些Css样式属性在Microsoft1 nternet Explorer,etscape Navigator、0pera和Apple Safari中星现的外观不相同，有些目前不受任何测宽器支转

则来应用颜色，创建另一个 CSS 规则来应用边距，然后将两者应用于页面上的同一个文本。所定义的样式向下"层叠"到您的 Web 页面上的元素，并最终创建您想要的设计。 CSS 的主要优点是它提供了便利的更新功能；更新一处的 CSS 规则时，使用该已定义样式的所有文档的格式都会自动更新为新样式。在 Dreamweaver 中可以定义以下样式类型：自定义 CSS 规则（也称为类样式）使您可以将样式属性应用于任何文本范围或文本块。（请参见应用类样式。） HTML 标签样式重定义特定标签（如 h1）的格式。创建或更改 h1 标签的 CSS 样式时，所有用 h1 标签设置了格式的文本都会立即更新。 CSS 选择器样式（高级样式）重新定义特定元素组合的格式设置，或重新定义 CSS 允许的其他选择器表单的格式设置（例如，每当 h2 标题出现在表格单元格内时都应用选择器 td h2）。高级样式还可以重新定义包含特定 id 属性的标签的格式设置（例如，#myStyle 定义的样式可应用于包含属性值对 id="myStyle" 的所有标签）。 CSS 规则可以位于以下位置：外部 CSS 样式表是一系列存储在一个单独的外部 CSS (.css) 文件（并非 HTML 文件）中的 CSS 规则。利用文档文件头部分中的链接，该文件被链接到 Web 站点中的一个或多个页面。内部（或嵌入式）CSS 样式表是一系列包含在 HTML 文档文件头部分的 style 标签内的 CSS 规则。内联样式是在标签的特定实例中在整个 HTML 文档内定义的。 Dreamweaver 识别现有文档中定义的样式，只要这些样式符合 CSS 样式准则。提示若要显示 Dreamweaver 中包含的 O'Reilly CSS 参考指南，请选择"帮助">"参考"，然后从"参考"面板的弹出式菜单中选择"O'Reilly CSS 参考"。手动设置的 HTML 格式设置会覆盖通过 CSS 应用的格式设置。要使 CSS 规则能够控制段落格式，必须删除所有手动设置的 HTML 格式。 Dreamweaver 会呈现您在"文档"窗口中直接应用的大多数样式属性。您也可以在浏览器窗口中预览文档以查看样式的应用情况。有些 CSS 样式属性在 Microsoft Internet Explorer、Netscape Navigator、Opera 和 Apple Safari 中呈现的外观不相同，有些目前不受任何浏览器支持

天津开放大学 文本 第8章辅导_Dreamweaver网页设计

天津开放大学文本第8章辅导_Dreamweaver网页设计