使用"CSS 样式"面板

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

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

若要在"CSS 样式"面板中编辑规则("当前"模式),请执行以下操作:

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

若要在"CSS 样式"面板中编辑规则("所有"模式),请执行以下操作:

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

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

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

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



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

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

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

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



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

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

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

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

相关主题




未找到评论

 

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

当前页: http://www.ecnnl.com/doc/dreamweaver/8_cn/using/14_tex34.htm

 

E中荷|荷兰华人电子商务