定义并应用类和标识样式

如果您要为多个元素指定同一个样式,请使用。通过使用类,您可以使类与标记相关联,从而使不同的标记具有相同的样式。

先决条件创建样式表

通过使多个类与同一标记的每次出现相关联,可以使同一标记具有不同的样式。

要创建和应用类样式:

  1. 在“项目资源管理器”视图中双击想要编辑的 .css 文件来打开它。 样式表将在编辑区域中打开。
  2. 要创建类样式:
    1. 单击添加样式规则“添加样式规则”图标的图片图标。 “设置新样式的选择器”对话框打开。
    1. 选择单选按钮。在类名字段中,为类提供名称。名称必须以句点开头,例如,.note 标识选项的效果几乎与选项相同。其差异仅在于您只能将标识应用于页面中的一个位置(某一次出现的标记)。因此,建议您使用类,而不要使用标识。如果要使用标识,则选择标识单选按钮并在标识字段中输入名称。名称必须以 # 开头。
    2. 单击确定
    3. 使用“添加样式”对话框添加特定样式定义。
    4. 单击确定以保存更改。您指定的类名显示在“样式”视图中。
  3. 要将该类应用于某个元素:
    1. 在 Page Designer 的“设计”页面中选择该元素。
    2. 在“属性”视图中,单击“类”字段旁边的“浏览”图标。“属性”视图中的“类”字段的图片“选择类”对话框打开。
    3. 展开样式表并选择期望的类。

      “选择类”对话框中的所选类的图片

    1. 单击确定
  4. 要应用标识样式:
    1. 选择要应用标识样式的元素。
    2. 在“属性”视图中,单击所有属性 “所有属性”图标的图片 图标。
    3. 在标识字段中,输入标识名称(不带 #)。

      “属性”视图中的标识属性的图片

  5. 同样,可以选择其它元素并应用同一个类样式。还可以从“样式”工具栏中应用已定义的类样式。从 Page Designer 中,选择工具栏 > 样式以显示“样式”工具栏。可以通过从下拉列表中选择类名来将类样式应用于处于焦点的元素。
  6. 要查看样式表中正在使用的类定义,单击“样式”视图中的样式。可在“属性”视图中见到该样式的定义。
相关概念
CSS Designer
相关任务
定义样式
指定预定义区域的样式
除去指定样式
定义元素的样式
定义伪 HTML 链接样式
使用条款 | 反馈
(C) Copyright IBM Corporation 2000, 2005. All Rights Reserved.