Dreamweaver CC教程:关于设置文本格式
了解在 Dreamweaver 中如何使用文本属性检查器应用 HTML 格式或 CSS 格式。
可以使用文本属性检查器应用 HTML 格式或层叠样式表 (CSS) 格式。应用 HTML 格式时,Dreamweaver 会将属性添加到页面正文的 HTML 代码中。应用 CSS 格式时,Dreamweaver 会将属性写入文档头或单独的样式表中。
注意:
在创建 CSS 内联样式时,Dreamweaver 会将样式属性代码直接添加到页面的 body 部分。
关于设置文本格式(CSS 与 HTML)
Dreamweaver 中的文本格式设置与使用标准的字处理程序类似。您可以为文本块设置默认格式设置样式(段落、标题 1、标题 2 等)、更改所选文本的字体、大小、颜色和对齐方式,或者应用文本样式(如粗体、斜体、代码(等宽字体)和下划线)。
Dreamweaver 将两个属性检查器(CSS 属性检查器和 HTML 属性检查器)集成为一个属性检查器。使用 CSS 属性检查器时,Dreamweaver 使用层叠样式表 (CSS) 设置文本格式。CSS 使 Web 设计人员和开发人员能更好地控制网页设计,同时改进功能以提供辅助功能并减小文件大小。CSS 属性检查器使您能够访问现有样式,也能创建新样式。
使用 CSS 是一种能控制网页样式而不损坏其结构的方式。通过将可视化设计元素(字体、颜色、边距等)与网页的结构逻辑分离,CSS 为 Web 设计人员提供了可视化控制和版式控制,而不牺牲内容的完整性。此外,在单独的代码块中定义版式设计和页面布局 -- 无需对图像地图、font 标签、表格和 GIF 间隔图像重新排序 - 从而加快下载速度,简化站点维护,并能集中控制多个网页面的设计属性。
您可以直接在文档中存储使用 CSS 创建的样式,也可以在外部样式表中存储样式以实现更强的功能和灵活性。如果将某一外部样式表附加到多个网页,则所有这些页面都会自动反映对该样式表所做的任何更改。若要访问页面的所有 CSS 规则,请使用“CSS 样式”面板(“窗口”>“CSS 样式”)。若要访问适用于当前所选内容的规则,请使用“CSS 样式”面板(“当前”模式)或 CSS 属性检查器中的“目标规则”弹出菜单。
如果愿意,您可以使用 HTML 标签在网页中设置文本格式。若要使用 HTML 标签而不使用 CSS,请使用 HTML 属性检查器设置文本格式。
注意:
您可以在同一页面中组合使用 CSS 和 HTML 3.2 格式。格式以层次化方式进行应用:HTML 3.2 格式将覆盖外部 CSS 样式表所应用的格式,而嵌入在文档中的 CSS 将覆盖外部 CSS 样式。