创建或修改级联样式表

重要:  本文是由机器翻译的,请参阅免责声明。请在 此处 中查找本文的英文版本以便参考。

级联样式表 (CSS) 授予控制您的网页的演示文稿。使用 CSS,您可以精确定位并设置在网页上的元素的外观。

CSS 可以是外部、 内部或直接编辑,相对于网页,与网页可以同时使用一个或多个这些类型的 CSS。一般情况下,嵌入式 CSS 中定义的样式优先于在内部或外部 CSS,并在内部 CSS 样式优先于外部 CSS 中的样式。

你想如何操作?

创建外部 CSS

创建内部 CSS

创建嵌入式 CSS

创建外部 CSS

如果要将您的网站中的部分或全部网页跨一致地应用相同的样式,请使用外部样式表。通过在一个或多个外部样式表中定义样式,并将其附加到网页,您可以确保整个网站中具有一致的外观。如果您决定要更改的样式,您需要进行更改只有一个-外部 css — 和更改自动反映在引用该样式的所有 Web pages 和 CSS。

外部 CSS 包含在.css 文件,如 core.css。外部 CSS 语法是相同的内部 CSS,只不过不位于 < 样式 > 标签外部 CSS 中定义的样式。

创建空白的外部 CSS

  • 文件菜单上,指向新建,然后单击CSS

    提示: 您还可以单击新文档按钮 按钮 上的通用标准工具栏中,向下箭头,然后单击CSS

一个步骤中创建新样式和外部 CSS

  1. 格式菜单上,单击新建样式

    提示: 在应用样式管理样式任务窗格或在样式工具栏上,也可以单击新建样式

  2. 新建样式对话框中的定义范围框中,单击新样式表

返回页首

创建内部 CSS

使用内部 CSS,有时称作嵌入式 CSS,当您想要定义仅当前网页的样式和也时要覆盖外部 CSS 中定义的样式附加到当前网页。

内部 CSS 都包含在网页上的 < 不行 > 标记。

内部样式表的示例

<style type="text/css">
.alert {
font-weight: bold;
color: #FF0000;
}
h1 {
font-size: 16pt;
font-family: Arial, Helvetica, sans-serif;
}
#headlines {
border-color: #000000;
border-width: thin;
border-style: solid;
}
</style>

创建内部 CSS

  1. 打开您想要包含 CSS 的网页。

  2. 格式菜单上,单击新建样式

    提示: 在应用样式管理样式任务窗格或在样式工具栏上,也可以单击新建样式

  3. 新建样式对话框中的定义范围框中,选择当前页

返回页首

创建嵌入式 CSS

使用嵌入式样式时不需要重复使用该样式应用于页面上的单个元素的 CSS 属性。在网页上的 HTML 元素的开始标记内定义嵌入式样式。

有关如何创建样式的详细信息,请参阅文章创建并应用样式

嵌入式样式表的示例

<p style="font-weight: bold; font-style: italic; color: #FF0000">

返回页首

注意: 机器翻译免责声明:本文是由无人工介入的计算机系统翻译的。Microsoft 提供机器翻译是为了帮助非英语国家/地区用户方便阅读有关 Microsoft 产品、服务和技术的内容。由于机器翻译的原因,本文可能包含词汇、语法或文法方面的错误。

扩展你的技能
了解培训
抢先获得新功能
加入 Office 预览体验计划

此信息是否有帮助?

谢谢您的反馈!

谢谢你的反馈! 可能需要转接到 Office 支持专员。

×