“新建样式”和“修改样式”对话框 ->“块”
通过**“新建样式”对话框和“修改样式”对话框的“块”**类别可为文本块定义级联样式表 (CSS) 样式规则。 可以将这些样式规则应用于 HTML 元素,也可以将它们添加到当前页或外部样式表中。
为当前页上的 UI 元素定义 CSS 文本块样式规则
在**“设计”视图或“源”**视图中打开该页。
还可以选择要将样式应用到的文本或 HTML 元素。
在**“格式”菜单中单击“新建样式”**。
将显示**“新建样式”**对话框。
在**“类别”窗格中选择“块”**。
将在右窗格中显示文本块样式选择。
当对**“设计”视图中选定的文本应用样式时,将以内联方式向页的 HTML 标记中插入样式特性。 切换到“源”**视图以检查新样式特性。
将文本块特性添加到外部样式表中定义的 CSS 样式规则中
打开现有的外部样式表。
将光标置于要修改的样式规则的大括号内。
执行下列操作之一。
右键单击编辑器的样式表,然后从快捷方式菜单中选择 生成样式。
在样式表工具栏上,选择 生成样式。
将显示**“修改样式”**对话框。
在左窗格中单击**“块”**。
将在右窗格中显示文本块样式选择。
通过将元素的 class 属性设置为类选择器的名称,可将 CSS 样式类应用于网页中的一个元素或 body 元素本身。
下面的表列出了**“新建样式”和“修改样式”对话框中的“块”**类别下提供的选项。
块选项
line-height
两行文本之间的间距。 如果指定一个值,则可在列表中选择单位。vertical-align
元素或表格单元格的内容的垂直定位。 如果指定一个值,则可在列表中选择单位。text-align
文本或图像的水平定位。text-indent
段落中第一行文本的缩进。 如果指定一个值,则可在列表中选择单位。white-space
空白的呈现方式。 空白包括空格、制表符和硬回车。 值如下:normal 将连续空白字符折叠为一个空格。
nowrap 禁止换行。
pre 保留空白字符。
pre-line 保留空白字符但使文本换行。
pre-wrap 保留空白字符且不让文本换行。
inherit 从父元素继承空白样式。
word-spacing
字词之间的间距大小。 如果指定一个值,则可在列表中选择单位。letter-spacing
单词中字母之间的间距大小。 如果指定一个值,则可在列表中选择单位。
其他 UI 元素
选择器
(仅限于**“新建样式”对话框)使您可以键入类名或单击 HTML 元素,以应用样式。 类名必须以句点 (.) 开头。 还可以选择“(级联样式)”**,从而以内联方式将样式应用于所选的文本或 HTML 元素。定义位置
(仅限于**“新建样式”**对话框)使您可以指定写入样式规则定义的位置。 值如下:当前网页 将样式规则写入当前页中的 style 元素。
新建样式表 将一个新的 CSS 样式表添加到项目中,并将规则写入该样式表。
现有样式表 将样式规则添加到您使用**“URL”**列表指定的 CSS 样式表中。
URL
(仅限于**“新建样式”对话框)使您可以选择现有的 CSS 样式表。 仅当“定义位置”设置为“现有样式表”**时,才启用此选项。将新样式应用于文档选择内容
(仅限于**“新建样式”**对话框)指定将样式应用于所选的文本、类或 HTML 元素。预览
显示样式规则在应用之后的显示情况的示例。说明
显示样式规则的 CSS 定义。