定义并应用类和标识样式

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

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

要创建和应用类样式:

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

      图示为“属性”视图中的标识属性

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

反馈