修改样式

如果需要编辑外部、级联或内部级联样式表 (CSS) 中某个样式的属性,可以从“CSS 属性”任务窗格或“应用样式”任务窗格开始进行操作。使用“应用样式”任务窗格可以编辑当前网页的样式表中所包含的任何样式,即使网页中并未使用这些样式,也能进行编辑。而使用“CSS 属性”任务窗格,只能编辑当前网页所使用的样式、在“代码”视图中选择的样式或者打开的外部 .css 文件中的任何样式。

Cc295560.alert_note(zh-cn,Expression.10).gif说明:

如果“网页编辑器选项”对话框的“创作”选项卡中选定的 CSS 架构不支持某 CSS 属性,则该属性的值列表在“新建样式”和“修改样式”对话框中会显示为空白,且该属性不会列在“CSS 属性”任务窗格中。有关详细信息,请参阅为 CSS 设置智能感知选项

重命名类选择器

  1. 打开包含 CSS(其中包含要修改的类选择器)的网页。

  2. 执行下列操作之一:

    • 在“应用样式”任务窗格中,指向该类选择器,单击向下箭头,再单击“重命名类”。

    • 在“管理样式”任务窗格或“CSS 属性”任务窗格中,右键单击相应的类选择器,再选择“重命名类”。

  3. 在“重命名类”对话框的“新名称”框中,输入该类选择器的新名称。不需要在新的类名称之前键入句号 (.)。

  4. 若要更新对该类的所有现有引用中的类名称,请单击“重命名使用此样式表的 (#) 个文件中的类引用”。

  5. 单击“确定”。

使用“CSS 属性”任务窗格修改样式

  1. 打开使用了要修改的样式的网页。

  2. 在“CSS 属性”任务窗格中,如果要修改的样式未显示在“应用的规则”列表中,请将光标移到使用要修改的样式的内容中,或者选择该内容。

  3. 在“应用的规则”列表中,单击要修改的样式的名称。

  4. 在“CSS 属性”任务窗格的“CSS 属性”部分,设置所需的属性。

使用“修改样式”对话框修改样式

  1. 打开包含 CSS(其中包含要修改的样式)的网页。

  2. 执行下列操作之一:

    • 若要修改类、元素或 ID 选择器,请在“应用样式”任务窗格中指向该样式,单击向下箭头,再单击“修改样式”。

    • 若要修改级联样式,请将光标移到使用该样式的内容中或者选择该内容,在“应用样式”任务窗格中指向该样式,单击下箭头,再单击“修改样式”。

    • 在“CSS 属性”任务窗格的“应用的规则”列表中,右键单击该样式,再选择“修改样式”。如果要修改的样式未显示在该任务窗格的“应用的规则”列表中,请将光标移到使用要修改的样式的内容中,或者选择该内容。

  3. 若要更改该样式的名称和选择器类型,请在“修改样式”对话框的“选择器”框中执行下列操作之一:

    Cc295560.alert_note(zh-cn,Expression.10).gif说明:

    类和 ID 选择器名称不能包含空格,除非创建的是复杂选择器。

    • 若要使用元素选择器,请在“选择器”下拉框中单击某个元素名称。

    • 若要使用 ID 选择器,请键入数字符号 (#),后跟唯一的名称。

    • 若要使用级联选择器,请在“选择器”框中单击“级联样式”。

    • 若要使用类选择器,请键入句号 (.),后跟唯一的名称。

    Cc295560.alert_note(zh-cn,Expression.10).gif说明:

    若要重命名现有的类选择器并自动更新对该样式的所有现有引用,请执行“重命名类选择器”过程中介绍的步骤。如果您重命名 ID 或元素选择器,或更改任何类型的样式的选择器类型,对该样式的引用不会自动更新;您必须手动更新它们。

  4. 在“类别”框中,单击下列选项之一并设置要定义格式的属性:

    • 字体,用于设置字体属性,包括字号、粗细、效果和颜色。

    • ,用于设置行高、文本对齐、文本缩进和文本间距。

    • 背景,用于设置背景色和背景图像属性。

    • 边框,用于设置边框及其属性。

    • 方框,用于设置方框和块级元素的衬距和边距属性。

    • 定位,用于设置方框和块级元素的尺寸和位置。

    • 布局,用于设置方框和块级元素的可视性、浮动和环绕行为、剪切以及其他布局属性。

    • 列表,用于设置列表元素的属性,包括类型、位置和图像。

    • 表格,用于设置表格相关元素的属性,包括间距、布局和边框属性。

  5. 单击“确定”。

另请参见

概念

“CSS 属性”任务窗格

创建样式

删除级联样式表中的样式

从内容中删除样式

级联样式表工具