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

项目
04/10/2013

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

为当前页上的 UI 元素定义 CSS 字体样式规则

在**“设计”视图或“源”**视图中打开该页。
还可以选择要将样式应用到的文本和/或 HTML 元素。
在**“格式”菜单中单击“新建样式”**。

将显示**“新建样式”**对话框。
在**“类别”窗格中选择“字体”**。

将在右窗格中显示字形选择。

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

将字体特性添加到在外部样式表中定义的 CSS 样式规则中

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

将在右窗格中显示字形选择。

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

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

字体选项

font-family
文本字体的名称。包含空格的字体名应该用引号括起来，例如“Times New Roman”。可以指定多个以逗号 (,) 分隔的字体名称。列表中的最后一个字体最好是一般字体，例如“serif”、“sans-serif”或“monospace”。
字体大小
字体的大小。如果您输入一个值，则可从列表中选择值的单位。最好使用相对大小（例如“small”、“x-large”）或百分比，以便用户可在 Web 浏览器中调整字体大小。
font-weight
字体粗细，例如“normal”、“bold”或“400”。数值表示从 100 到 900 的相对重量。
font-style
字体的样式或倾斜程度，例如“normal”或“italic”。如果选择“oblique”，多数 Web 浏览器都会将字体呈现为斜体。
font-variant
一个用于呈现字体的变量样式。值如下：
- normal 将正常呈现字体。
- small-caps 字体将以小号大写字母形式呈现。
- inherit 将从父元素继承变量样式。
text-transform
一个定义文本的大写效果的值。值如下：
- capitalize 将每个单词的首字母呈现为大写形式。
- lowercase 所有字母都呈现为小写形式。
- uppercase 所有字母都呈现为大写形式。
- none 不更改文本大写。
- inherit 将从父元素继承文本转换样式。
color
文本字体的颜色。要从更多的颜色中选择，使用下箭头，或单击右边的正方形图标。有关更多信息，请参见 “更多颜色”和“颜色”对话框。
text-decoration
以下文本特性的组合：“underline”、“overline”、“line-through”和“blink”。如果选择**“none”**，则会清除其他所有复选框。

其他 UI 元素

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

请参见

通过