“新建样式”和“修改样式”对话框 ->“框”

通过**“新建样式”对话框和“修改样式”对话框的“方框”**类别可为包含网页元素的方框定义级联样式表 (CSS) 样式规则。可以直接将这些样式规则应用于 HTML 元素，也可以将它们添加到当前页或外部样式表中。

当对**“设计”视图中选定的文本应用样式时，将以内联方式向页的 HTML 标记中插入样式特性。切换到“源”**视图以检查新样式特性。

打开现有的外部样式表。
将光标置于要修改的样式规则的大括号内。
执行下列操作之一。
- 右键单击编辑器的样式表，然后从快捷方式菜单中选择 生成样式。
- 在样式表工具栏上，选择 生成样式。
将显示**“修改样式”**对话框。
在左窗格中单击**“方框”**。

将在右窗格中显示方框样式选择。

通过将元素的 class 属性设置为类选择器的名称，可将 CSS 样式类应用于网页中的一个元素或 body 元素本身。

下面的表列出了**“新建样式”和“修改样式”对话框中的“方框”**类别下提供的选项。

方框选项

Padding — 填充
元素的填充。填充定义元素边框内的空白量（如果存在）。可以分别设置每侧（上、右、下或左）的填充。如果指定任何一侧的值，则可在列表中选择单位。若要使每侧的填充都相同，请在**“top”中指定一个值，然后选中“全部相同”**复选框。
Margin — 边距
元素周围的边距。边距定义元素边框外的空白量（如果存在）。可以分别设置每侧（上、右、下或左）的边距。如果指定任何边距的值，则可在列表中选择单位。若要使每侧的边距都相同，请在**“top”中指定一个值，然后选中“全部相同”**复选框。
CSS 方框模型参考
显示边距、边框、填充和顶部等 CSS 方框术语的含义。

选择器
（仅限于**“新建样式”对话框）使您可以键入类名或单击 HTML 元素，以应用样式。类名必须以句点 (.) 开头。还可以选择“(级联样式)”**，从而以内联方式将样式应用于所选的文本或 HTML 元素。
定义位置
（仅限于**“新建样式”**对话框）使您可以指定写入样式规则定义的位置。值如下：
- 当前网页 将样式规则写入当前页中的 style 元素。
- 新建样式表 将一个新的 CSS 样式表添加到项目中，并将规则写入该样式表。
- 现有样式表 将样式规则添加到您使用**“URL”**列表指定的 CSS 样式表中。
URL
（仅限于**“新建样式”对话框）使您可以选择现有的 CSS 样式表。仅当“定义位置”设置为“现有样式表”**时，才启用此选项。
将新样式应用于文档选择内容
（仅限于**“新建样式”**对话框）指定将样式应用于所选的文本、类或 HTML 元素。
预览
显示样式规则在应用之后的显示情况的示例。
说明
显示样式规则的 CSS 定义。