所谓 HTML 样式就是经过定义的一个或多个 HTML 标签(如 B
,I
,
FONT
和 CENTER
) 应用格式于文本之上。
World Wide Web Consortium (W3C - 万维网联盟)早在 1998 发布的 HTML 4.0 规范中由于 CSS 样式表的原因就不再鼓励对 HTML 格式标签的使用了。但实际上,HTML 格式标签 虽然对文本的控制较 CSS 样式表有更多的局限 但是却比 CSS 样式表受到更多浏览器的支持,所以只要使用 3.0 及其早期版本浏览器的用户还有足够数量,就仍然会成为网络开发者工具库中的重要部分。
有关 HTML 标签格式化的具体介绍,参阅下列章节:
![]() |
改变字体特性 |
![]() |
改变文本颜色 |
![]() |
文本及元素的排列 |
HTML 标签定义文档结构更甚于定义文档外观 例如,标题,段落,以及列表 还的的确确是 HTML 规范的一部分。事实上,如果你打算使用 CSS 样式表来定以网页的字体特性的话,使用标准的标题标签是非常之重要的,因为它们可以帮助你在不支持 CSS 样式表的浏览器中保持网页中文档的结构。(要想看一看这样的实例,你可以试着用 3.0 的浏览器来阅读本帮助文件。) 参阅 应用段落和标题标签。
使用 HTML 样式可以将你还准备用到文档其它地方的文本和段落格式保存起来。一旦你创建了一个基于一个或多个 HTML 标签的 HTML 样式,你就可以使用 HTML 样式面板将这个格式应用到文档中任何的文本之上。
和 CSS 样式不同,HTML 样式格式只会影响到你应用到的文本,或你使用选定 HTML 样式创建的文本。如果你修改了你所创建的 HTML 样式的格式,最初使用原来样式格式化的文本是不会更新的。如果你需要这种自动更新的能力,那么就只有使用 CSS 样式了;参阅 使用 CSS 样式表进行文本格式化。
你可以使用 HTML 样式面板来记录你在站点上使用过的 HTML 样式,然后同其它用户,本地站点,或者远程站点分享。
点及下边的箭头按钮可以看到有关使用 HTML 样式面板的动态介绍。
要想显示 HTML 样式面板,执行下列操作之一:
![]() |
选择 Window > HTML Styles。 |
![]() |
点击 Launcher 上的 HTML Styles 按钮。 |
![]() |
点击 HTML Styles 图标(在文档窗底部的 Mini-Launcher 上边一个黄色的段落符号)。 |
如何查看现有的 HTML 样式:
1 | 在 HTML Style 面板上选取一个样式。 |
注意 Clear Paragraph Style 和 Clear Selection Style 两项是用于已经应用过样式的文本的;但其本身不属于样式;你不能够对其进行查看或编辑。 | |
2 | 右击鼠标键 (Windows) 或按住 Control 键点击 (Macintosh) 并从情景菜单中选择 Edit,或者双击 HTML 样式并从情景菜单中选择 Edit。 |
3 | 在 Define HTML 样式对话框中指定样式设置。 |
Apply To 选项是用以确定是否将样式应用于被选取文本 (Selection) 或者当前文本块 (Paragraph)。When Applying 选项是用以确定是否将样式设置添加于原有的文本格式 (Add to Existing Style),或者还是先将现有的格式删除掉,再用新的样式设置进行替换 (Clear Existing Style)。 | |
![]() |
如何应用已有的 HTML 样式:
在 HTML Style 面板上选取样式。
![]() |
如果面板底部的 Auto Apply 复选框已被选中,再次点击样式。 |
![]() |
如果 Auto Apply 还没有被选,点击样式,然后点击 Apply。 |
如何清除掉文档中的文本格式:
1 | 选取格式化的文本。 |
2 | 在 HTML Style 面板上点击 Clear Paragraph Style 或 Clear Selection Style。 |
Clear Paragraph Style 会将文档中的当前文本块的所有格式都清除掉,而 Clear Selection Style 则是将被选取文本的所有格式给清除掉。 | |
![]() |
注意:不管原来的文本格式是通过什么方式应用的(例如通过 HTML Style 面板或者是通过属性面板应用的),你都可以使用 Clear Paragraph Style 和 Clear Selection Style 进行清除。
如何通过 HTML Style 面板删除样式:
1 | 在 HTML Style 面板上取消选取关闭 Auto Apply 选项。 |
2 | 选取一个 HTML 样式。 |
3 | 点击面板右下角的 Delete Style (垃圾桶)。 |
![]() |
如何基于现有文本创建新的 HTML 样式:
1 | 在文档中,选取或者创建具有你要用作创建新的 HTML 样式的格式的文本。在这里你可以用属性面板查看和应用格式。 |
2 | 点击 HTML Style 面板右下角的 New Style 图标。 |
3 | 在出现的 Define HTML Style 对话框中命名样式,如果有必要,对格式进行调整。 |
![]() |
选择是将样式应用于被选文本还是整个段落。注意段落样式会将样式应用于整个文本块,所以插入点是固定的,不管是否有文本被选中。 |
![]() |
选择是否将样式应用到被选文本或段落已有的样式之上 (CSS 或 HTML),还是用新的 HTML 样式对被选文本或段落原有格式进行替换清除。 |
注意 HTML Style 面板上的格式选相同属性面板上的格式选项是一致的。 | |
4 | 点击 OK。 |
![]() |
如何基于现有样式创建新的样式:
1 | 首选确认在文档窗中没有文本被选中。 |
2 | 在 HTML Style 面板上选取样式。 |
3 | 鼠标键右击 (Windows) 或按住 Control 键点击 (Macintosh) 样式,然后从情景菜单中选择 Duplicate。 |
弹出 Define HTML Style 对话框。如果要将其恢复成默认选项设置,点击 Clear。 | |
4 | 按照前边讲过的创建基于文本创建样式的步骤 3 和 4 的操作指示进行。 |
![]() |
如何新建 HTML 样式:
1 | 点击 HTML Style 面板上的 New Style 图标;也可以选择 Text > HTML Styles > New Style。 |
弹出 Define HTML Style 对话框。 | |
2 | 按照前边讲过的创建基于文本创建样式的步骤 3 和 4 的操作指示进行。 |
点击 Clear 将对话框中的选项设置恢复到默认状态。 | |
3 | 点击 OK。 |
![]() |
如何编辑现有的 HTML 样式:
1 | 首选确认在文档窗中没有文本被选中。 |
2 | 确认 HTML Style 面板上的 Auto Apply 选项没有被选中。 |
如果 Auto Apply 处于被选状态的话,当你在 HTML Style 面板上将其选取之后,该样式就会立即被应用。 | |
3 | 在 HTML Style 面板上用鼠标键右击 (Windows) 或者按住 Control 键点击 (Macintosh) 样式,然后从情景菜单中选择 Edit。 |
弹出 Define HTML Style 对话框。如果要将其恢复成默认选项设置,点击 Clear。 | |
在你对 HTML 样式进行编辑之后,Dreamweaver 是不会自动对先前应用了这个样式的文本进行更新的。如果你想应用编辑过的样式对文本格式进行更新的话,就要是用 CSS 样式表;参阅 使用 CSS 样式标进行文本格式化。 | |
![]() |
如何与他人共享样式:
1 | 选择 Window > Site Files,打开站点窗。 |
2 | 打开右窗口的站点根文件夹,然后打开 Library 文件夹。 |
你要注意一个名字为 styles.xml 的文件。这个文件里边包含了站点所使用的所有的 HTML 样式。同站点其它文件一样,你可以将该文件上传,下载,登入,锁定和复制。你还可以为这个文件创建 Design Notes。注意在你对远程站点上的样式进行创建和编辑之前必须先 styles.xml 文件锁定。 | |
有关使用这些选项的介绍,参阅 建立远程站点。 |