定义并应用类和标识样式
如果您要为多个元素指定同一个样式,请使用
类
。通过使用类,您可以使类与标记相关联,从而使不同的标记具有相同的样式。
先决条件
:
创建样式表
。
通过使多个类与同一标记的每次出现相关联,可以使同一标记具有不同的样式。
要创建和应用类样式:
在“项目资源管理器”视图中双击想要编辑的 .css 文件以打开该文件。
样式表将在编辑区域中打开。
要创建类样式:
单击
新建样式规则
图标。
将打开“设置新样式的选择器”对话框。
选择
类
单选按钮。在
类名
字段中,为类提供名称。名称必须以句点开头,例如,
.note
。
标识
选项的效果几乎与
类
选项相同。其差异仅在于您只能将标识应用于页面中的一个位置(某一次出现的标记)。因此,建议您使用类,而不要使用标识。如果要使用标识,则选择
标识
单选按钮并在
标识
字段中输入名称。名称必须以 # 开头。
单击
确定
。
使用“新建样式”对话框添加特定样式定义。
完成后关闭该对话框时将提示您保存更改,请单击“是”。您指定的类名显示在“样式”视图中。
要将该类应用于某个元素:
在 Page Designer 的“设计”页中选择该元素。
在“属性”视图中,单击“类”字段旁边的“浏览”图标。
将打开“选择类”对话框。
选择类,然后单击
确定
。
要应用标识样式:
选择要应用标识样式的元素。
在“属性”视图中,单击
所有属性
图标。
在标识字段中,输入标识名称(不带 #)。
同样,可以选择其他元素并应用同一个类样式。还可以从“样式”工具栏中应用已定义的类样式。在 Page Designer 中选择
显示
>
工具栏
>
样式
以显示“样式”工具栏。可以通过从下拉列表中选择类名来将类样式应用于处于焦点的元素。
要查看样式表中正在使用的类定义,单击“样式”视图中的样式。可以在“属性”视图中见到该样式的定义。
相关概念
级联样式表(CSS)设计器
相关任务
定义样式
指定预定义区域的样式
除去指定样式
定义元素的样式
定义伪 HTML 链接样式
反馈