创建样式
您可以创建级联样式和使用类、ID 或元素选择器的样式，然后借助这些样式来设置网页及其内容的格式。有关每种样式的信息，请参阅样式概述。
您可以从头创建新样式，也可以通过复制现有样式来创建新样式。在这两种方式下，都可以使用“新建样式”对话框定义新样式所涉及的各个部分，包括选择器类型、属性以及包含该样式的样式表。如果希望创建新的级联样式，也可以使用“CSS 属性”任务窗格。如果希望快速创建新样式并将其应用到网页中，而不为该样式设置任何属性，也可以使用“样式”工具栏。
.gif "说明") 说明： |
|---|
如果“网页编辑器选项”对话框的“创作”选项卡中选定的 CSS 架构不支持某 CSS 属性，则该属性的值列表在“新建样式”和“修改样式”对话框中会显示为空白，且该属性不会列在“CSS 属性”任务窗格中。有关详细信息，请参阅为 CSS 设置智能感知选项。 |
使用“新建样式”对话框创建新样式
执行下列操作之一：
若要将样式添加到外部 CSS 中，请打开 .css 文件。
若要将样式添加到内部 CSS 中，请打开网页。
若要添加级联样式，请打开网页，再选择要设置样式的内容。
执行下列操作之一：
若要新建样式，请在“应用样式”任务窗格、“管理样式”任务窗格、“样式”工具栏或“格式”菜单中，单击“新建样式”
.gif "Cc295329.fef5e39f-6654-405a-bead-a0ece0e71fb9(zh-cn,Expression.10).gif")
。若要复制“应用样式”、“管理样式”或“CSS 属性”任务窗格中的现有样式，请右键单击要复制的样式，然后选择“新建样式副本”。
在“新建样式”对话框中，执行下列操作：
具体选项
实际作用
选择器
若要使用类选择器，请键入句号 (.)，后跟唯一的名称。
若要使用 ID 选择器，请键入数字符号 (#)，后跟唯一的名称。
说明：
类和 ID 选择器名称不能包含空格，除非创建的是复杂选择器。若要使用元素选择器，请键入 HTML 元素的名称，或者单击“选择器”下拉框并选择元素名称。
若要使用嵌入式选择器，请选择“级联样式”。
若要创建复杂的选择器，请键入该选择器。
定义位置
选择下列选项之一：
当前网页，用于将新样式添加到当前网页的内部 CSS 中。
新建样式表，用于将新样式添加到空白的新外部 CSS 中。
现有样式表，用于将新样式添加到所指定的现有外部 CSS 中。
将新样式应用于文档选择内容
将样式应用到当前网页中的当前选中内容。
URL
如果在“定义位置”中选择了“现有样式表”，请输入 .css 文件的 URL。
类别
选择下列任意选项，再设置对话框右侧显示的属性：
.gif "提示")
提示：
“类别”列表中加粗显示的类别包含已设置的属性。字体，用于设置字体属性，包括字号、粗细、效果和颜色。
块，用于设置行高、文本对齐、文本缩进和文本间距。
背景，用于设置背景色和背景图像属性。
边框，用于设置边框及其属性。
方框，用于设置方框和块级元素的衬距和边距属性。
定位，用于设置方框和块级元素的尺寸和位置。
布局，用于设置方框和块级元素的可视性、浮动和环绕行为、剪切以及其他布局属性。
列表，用于设置列表元素的属性，包括类型、位置和图像。
表格，用于设置表格相关元素的属性，包括间距、布局和边框属性。
使用“CSS 属性”任务窗格创建级联样式
在网页的“设计”视图或“代码”视图中，选择要添加级联样式的内容。
在“CSS 属性”任务窗格中的“应用的规则”之下，右键单击要应用级联样式的选择器，或者在出现“(未应用规则)”时，右键单击“应用的规则”下的任意位置，然后在所显示的快捷菜单中单击“新建级联样式”。
在“CSS 属性”之下，设置所需的属性。
创建并应用新的未定义样式
在网页的“设计”视图或“代码”视图中，选择要应用样式的项。
若要创建并应用新样式而不定义任何属性，请在“样式”工具栏的“类”或“ID”框中，键入新样式的唯一名称。