使用"CSS 样式"面板

您可以使用"CSS 样式"面板查看、创建、编辑和删除 CSS 样式，并且可以将外部样式表附加到文档。（有关此面板的概述，请参见关于"CSS 样式"面板。）

若要打开"CSS 样式"面板，请执行以下操作：

• 执行下列操作之一：
  • 选择"窗口">"CSS 样式"。
  • 按 Shift+F11 键。
  • 单击属性检查器中的"CSS"按钮。

若要在"CSS 样式"面板中编辑规则（"当前"模式），请执行以下操作：

1. 单击"CSS 样式"面板顶部的"当前"按钮。
2. 选择当前页中的一个文本元素以显示它的属性。
3. 执行下列操作之一：

• 双击"所选内容的摘要"窗格中的某个属性以显示"CSS 规则定义"对话框，然后进行更改。
• 在"所选内容的摘要"窗格中选择一个属性，然后在下面的"属性"窗格中编辑该属性。
• 在"规则"窗格中选择一条规则，然后在下面的"属性"窗格中编辑该规则的属性。

  注意

  可以通过更改 Dreamweaver 首选参数来更改用于编辑 CSS 的双击行为以及其他行为。有关更多信息，请参见"使用 Dreamweaver 帮助"中的设置 CSS 样式首选参数。

若要在"CSS 样式"面板中编辑规则（"所有"模式），请执行以下操作：

1. 单击"CSS 样式"面板顶部的"所有"按钮。
2. 执行下列操作之一：

• 在"所有规则"窗格中双击某条规则以显示"CSS 规则定义"对话框，然后进行更改。
• 在"所有规则"窗格中选择一条规则，然后在下面的"属性"窗格中编辑该规则的属性。
• 在"所有规则"窗格中选择一条规则，然后单击"CSS 样式"面板右下角中的"编辑样式"按钮。

  注意

  可以通过更改 Dreamweaver 首选参数来更改用于编辑 CSS 的双击行为以及其他行为。有关更多信息，请参见"使用 Dreamweaver 帮助"中的设置 CSS 样式首选参数。

若要向规则添加属性，请执行以下操作：

1. 在"所有规则"窗格中选择一条规则（"所有"模式），或者在"所选内容的摘要"窗格中选择一个属性（"当前"模式）。
2. 执行下列操作之一：

• 如果在"属性"窗格中选择了"只显示设置属性"视图，请单击"添加属性"链接并添加属性。
• 如果在"属性"窗格中选择了"类别"视图或"列表"视图，则为要添加的属性填入一个值。

在"所有"和"当前"模式下，"CSS 样式"面板都包含三个允许您在"属性"窗格（底部窗格）中改变视图的按钮：

"类别"视图将 Dreamweaver 支持的 CSS 属性划分为 8 个类别：字体、背景、区块、边框、方框、列表、定位和扩展。每个类别的属性都包含在一个列表中，您可以单击类别名称旁边的加号 (+) 按钮展开或折叠它。"设置属性"（蓝色）将出现在列表顶部。

"列表"视图按字母顺序显示 Dreamweaver 所支持的所有 CSS 属性。"设置属性"（蓝色）将出现在列表顶部。

"设置属性"视图仅显示那些已设置的属性。"设置属性"视图为默认视图。

在"所有"和"当前"模式下，"CSS 样式"面板还包含下列按钮：

附加样式表打开"链接外部样式表"对话框。选择要链接到或导入到当前文档中的外部样式表。有关附加外部样式表的信息，请参见链接到或导出外部 CSS 样式表。

新建 CSS 规则会打开一个对话框，您可在其中选择要创建的样式类型（例如，要创建类样式、重新定义 HTML 标签或是要定义 CSS 选择器）。有关更多信息，请参见创建新的 CSS 规则。

编辑样式会打开一个对话框，您可在该对话框中编辑当前文档或外部样式表中的样式。有关如何更新样式表的信息，请参见编辑 CSS 规则。

删除 CSS 规则删除"CSS 样式"面板中的所选规则或属性，并从应用该规则的所有元素中删除格式。（不过，它不删除对该样式的引用）。

相关主题

• 应用类样式
• 链接到或导出外部 CSS 样式表
• 编辑 CSS 样式表

评论添加到页面后给我发送电子邮件 | 评论报告

当前页: http://livedocs.adobe.com/dreamweaver/8_cn/using/14_tex34.htm

添加评论