如果属性检查器尚未打开，请打开属性检查器（"窗口">"属性"），然后在面板左角选择 CSS 选项。
上次更新日期：
2021年12月20日
了解在 Dreamweaver 中如何使用文本属性检查器应用 HTML 格式或 CSS 格式。
您\n可以使用文本属性检查器来应用 HTML 格式或\n级联样式表 (CSS) 格式。当您应用 HTML 格式时，\nDreamweaver 在您的页面正文中向 HTML 代码添加属性。当您应用 CSS 格式时，Dreamweaver 将属性写入文档头部或单独的样式表中。
在创建 CSS 内联样式时，Dreamweaver 会将样式属性代码直接添加到页面的 body 部分。
关于文本格式（CSS 与 HTML）
在\nDreamweaver 中格式化文本类似于使用\n标准文字处理器。您可以为文本块设置默认格式样式（段落、\n标题 1、标题 2 等），更改所选文本的字体、大小、颜色和对齐方式，或应用诸如粗体、斜体、代码（等宽）和下划线之类的文本样式。
Dreamweaver 有两个属性检查器，集成为一个：\nCSS 属性检查器和 HTML 属性检查器。当\n您使用 CSS 属性检查器时，Dreamweaver 使用级联样式表 (CSS) 来格式化文本。\nCSS 为 Web 设计人员和开发人员提供了对网页设计的更强控制，同时改进了无障碍性并减小了文件大小。CSS 属性检查器让您可以访问\n现有样式，以及创建新样式。
使用 CSS 是一种在不\n影响网页结构的情况下控制网页样式的方法。通过将视觉设计元素（字体、颜色、边距等）与网页的结构逻辑分离，CSS 为 Web 设计师提供了视觉和排版控制能力，同时不会损害内容的完整性。此外，在单个、独特的\n代码块中定义印刷设计和页面布局（而无需使用图像映射、字体标记、\n表格和间隔 GIF），可实现更快的下载、简化的\n地点维护，以及可从中控制多个网页设计\n属性的中心点。
您可以将使用 CSS 创建的样式直接存储在文档中，\n或为了获得更强的功能和灵活性，您可以将样式存储在外部\n样式表中。如果您将外部样式表附加到多个网页\n，所有页面都会自动反映您对\n样式表所做的任何更改。要访问页面的所有 CSS 规则，请使用 CSS\n样式面板（"窗口">"CSS 样式"）。要访问应\n用于当前选择的规则，请使用"CSS 样式"面板（当前\n模式）或 CSS 属性检查器中的"目标规则"弹出菜单。
如果您愿意，可以使用 HTML 标记标签来格式化网页中的文本。要使用 HTML 标记而不是 CSS，请使用 HTML 属性检查器格式化文本。
您可以在同一页面中组合使用 CSS 和 HTML 3.2 格式。 格式以层次化方式进行应用：HTML 3.2 格式将覆盖外部 CSS 样式表所应用的格式，而嵌入在文档中的 CSS 将覆盖外部 CSS 样式。
在属性检查器中编辑 CSS 规则
执行下列操作之一：
- 将插入点放置在已由您要编辑的规则格式化的文本块内。规则\n将出现在"目标规则"弹出菜单中。
- 从“目标规则”弹出菜单中选择一个规则。
- 单击"编辑规则"。
使用 CSS 属性检查器中的各种选项对规则进行更改。
目标规则
您在 CSS 属性检查器中正在编辑的规则。 如果您已对文本应用现有样式，当您在页面上的文本内单击时，会显示影响文本格式的规则。您还可以使用"Targeted Rule"弹出窗口菜单来创建新的 CSS 规则、新的内联样式或将现有类应用于选定文本。如果您要创建新规则，需要完成"新建 CSS 规则"对话框。有关更多信息，请参阅本主题末尾的链接。
编辑规则
为目标规则打开"CSS 规则定义"对话框。如果您从"Targeted Rule"弹出窗口菜单中选择"新建 CSS 规则"并单击"编辑规则"按钮，Dreamweaver 会打开"新建 CSS 规则"定义对话框。
CSS Designer
打开 CSS Designer 面板，并在"当前"视图中显示目标规则的属性。
字体
更改目标规则的字体。
大小
设置目标规则的字体大小。
文本颜色
将所选颜色设置为目标规则中的字体颜色。 通过单击颜色框选择 web 安全颜色，或在相邻文本字段中输入十六进制值（例如 #BB5153）。
粗体
向目标规则添加粗体属性。
斜体
向目标规则添加斜体属性。
左对齐、居中对齐和右对齐
将目标规则左对齐、居中对齐或右对齐。
“字体”、“大小”、“文本颜色”、“粗体”、“斜体”和“对齐”属性始终显示应用于“文档”窗口中当前所选内容的规则的属性。 在更改其中的任何属性时，将会影响目标规则。
使用属性检查器编辑文本颜色
如果您没有对文本应用任何特定规则，您可以直接从属性检查器中编辑文本的颜色。 在下面的示例中，请注意文本在编辑之前的颜色。 拾色器旁边的字段显示白色，表示光标所在位置的文字颜色。
要编辑文本的颜色，请选择要编辑的文本。 单击拾色器，然后选择需要使用的颜色。 请查看下图，其中属性检查器显示了新颜色。
在属性检查器中设置 HTML 格式
打开属性检查器（"窗口">"属性"），如果尚未打开的话，然后单击 HTML 按钮。
选择要格式化的文字。
设置要应用于所选文本的选项：
格式
设置所选文本的段落样式。 段落会应用 <p> 标记的默认格式，标题 1 会添加 H1 标记，以此类推。
ID
为所选内容分配一个 ID。 ID 弹出窗口菜单（如果适用）列出文档中所有未使用的已声明 ID。
类
显示当前应用到所选文本的类样式。如果没有为所选内容应用样式，弹出窗口菜单将显示"无 CSS 样式"。如果为所选内容应用了多种样式，菜单将为空白。
使用"样式"菜单执行以下任一操作：
选择要应用到所选内容的样式。
选择“无”删除当前所选样式。
选择“重命名”以重命名该样式。
选择"附加样式表"以打开对话框，用于将外部样式表附加到页面。
粗体
根据"偏好设置"对话框"常规"类别中设置的样式偏好设置，将 <b> 或 <strong> 应用到所选文本。
斜体
根据"偏好设置"对话框"常规"类别中设置的样式偏好设置，将 <i> 或 <em> 应用到所选文本。
项目列表
创建所选文本的项目列表。 如果没有选择文本，将开始新的项目符号列表。
编号列表
创建所选文本的编号列表。 如果没有选择文本，将开始新的编号列表。
块引用和删除块引用
通过应用或删除 blockquote 标记来对所选文本进行缩进或取消缩进。在列表中，缩进会创建嵌套列表，取消缩进会取消嵌套列表。
链接
创建所选文本的超文本链接。 单击文件夹图标以浏览到地点中的文件；输入 URL；将"指向文件"图标拖动到"文件"面板中的文件；或从"文件"面板将文件拖动到框中。
标题
为超级链接指定文本工具提示。
目标
指定将在其中载入关联文档的帧或窗口：
_blank 在新的未命名浏览器窗口中载入关联文件。
_parent 在包含该链接的帧的父框架集或窗口中载入关联文件。如果包含链接的帧未嵌套，链接的文件将在整个浏览器窗口中载入。
_self 在包含该链接的同一帧或窗口中载入链接文件。此目标是隐含的，因此通常不需要指定它。
_top 在完整浏览器窗口中载入关联文件，从而删除所有帧。
在 HTML 属性检查器中重命名类
Dreamweaver 在 HTML 属性检查器的"类"菜单中显示页面可用的所有类。您可以通过在类样式列表末尾选择"重命名"选项来重命名此列表中的样式。
从属性检查器面板中，选择"类"下拉列表。
从弹出的列表中，选择列表末尾的"重命名"。
从"重命名样式"弹出菜单中选择您要重命名的样式。
在"新名称"文本字段中输入新名称，然后单击"确定"。
