第3讲样式与模板.docVIP

第3章　样式与模板 本章要点 什么是HTML样式和CSS样式 创建和应用HTML样式、CSS样式 创建和链接外部CSS样式表 什么是模板 模板的创建 制作基于模板的页面 本章难点 创建和链接外部CSS样式表。 模板的创建以及用模板更新页面 上一章我们已经学习了表格和层以及框架页面的使用，本章我们将介绍样式与模板的使用方法和技巧。 　　在实际的网站开发过程中，为了提高工作效率，简化工作流程，常常需要使用一些自动化功能，样式和模板是最常用的两种工具。使用样式除了可以在单独网页中应用一致的格式以外，对于较大网站的格式设置和维护更具有重要意义。使用模板能够大幅度提高网页制作效率，并能简化网页的编辑和维护工作。 3．1　HTML 样式使用 HTML 样式设置文本格式 HTML 样式可由单个或多个HTML字体标签属性（如颜色、字体、大小）以及其他格式属性（如粗体或斜体）组成。HTML样式只包含字体标签，因此可使用不支持层叠样式表 (CSS) 的浏览器（如 3.0 及更早版本的浏览器）查看 HTML 样式的一个缺点是对 HTML 样式所做的更改不自动在文档中更新。如果应用了一个样式，后来又更改了它，则必须对文本重新应用该样式才能更新格式设置。 与 CSS 样式不同，HTML 样式格式只影响应用它的文本或使用所选 HTML 样式创建的文本。如果希望能够更改格式并自动更新该格式的所有实例，使用 CSS 样式 2．使用HTML样式设置文本格式 要使用HTML样式设置文本格式，通常包含两个过程：首先在网页中创建样式，然后将该样式应用于网页中的文本。例如，可以、大小为 的绿色斜体HTML样式。选择希望应用该样式的文本，然后从HTML样式面板中选择该HTML样式。 使用HTML 样式面板 HTML 样式面板 在文档窗口中，依次单击“窗口”菜单→“HTML 样式面板显示可供当前本地站点使用的HTML样式。 HTML 样式有两种类型：段落样式和所选样式。可通过HTML 样式面板第一列中的符号来识别它们： 段落样式前面有一个段落标记”，该样式使可以设置段落格式。所选样式前面有一个”，该样式使可以设置所选文本的格式。HTML 样式面板中的头两个样式清除所选样式和清除段落样式使可以删除选择应用该样式的文本中的所有格式标签。 注意在上面的HTML 样式面板中，其中的粗体样式。样式前的加号 (+) 指示样式将格式添加到需应用它的文本。如果样式没有加号，则在应用所选样式之前将清除任何现有样式。例如，使用HTML样式a+ red”时将向任何已应用于所选文本的格式中添加红色 2．查看现有HTML样式的样式属性 ⑴ 首先确保文档窗口中未选择任何文本。 在HTML 样式面板中，确保取消选择了自动应用复选框。如果打开自动应用选项，则在HTML 样式面板中选择HTML样式时将会应用该样式。 ⑶ 在HTML样式面板中，选择一种样式定义HTML样式对话框定义HTML样式对话框⑷ 在定义HTML样式对话框中，查看现有HTML样式的样式属性。⑸ 若要将它重置为默认选项，单击清除。 定义HTML样式对话框应用到选项确定样式是应用于所选文本选定范围还是当前文本块段落。当应用时选项确定是将样式设置添加到原始文本格式中（添加到现有样式），还是从现有格式中删除并用新设置替换（清除现有样式）。 清除文档中的格式设置： ⑴ 选择已设置格式的文本。 在HTML样式面板中，单击清除段落样式或清除所选样式。 清除段落样式删除文档中当前文本块的任何格式设置。清除所选样式删除所选文本的任何格式设置。 从HTML 样式面板中删除样式 ⑴ 在HTML样式面板中，取消选择复选框以关闭自动应用选项。 选择HTML样式。单击面板右下角的删除样式（垃圾桶）。 创建HTML样式 创建样式可以用两种方法：可以在“HTML 样式”面板中通过选择要应用的格式属性来创建样式或者可以设置文档中的文本格式，然后基于所选文本创建样式。 创建新的HTML样式 ⑴ 在HTML 样式面板中，单击新建样式；也可以选择文本HTML 样式新建样式。 出现定义HTML样式对话框。⑶ 在名称文本框中，输入样式名称。 在应用到下，执行下列操作之一选择该样式的应用方式： 若要设置所选样式，选择选定范围。 若要设置段落样式，选择段落。注：段落样式应用于插入点所在的整个文本块，与实际选择的文本无关。 对于当应用时，选择是在所选文本或段落的现有样式基础上应用 HTML 样式，还是先清除所选文本或段落的格式设置，然后再应用新的 HTML 样式。 ⑹ 在字体属性下，使用弹出菜单选择要应用的格式选项。 ⑺ 如果要创建段落样式，在段落属性下的格式弹出菜单中选择一个段落标记（如段落、标题 1、已编排格式）。 ⑻ 对于对齐方