HTML 使用 CSS 进行样式设置

2025 年 8 月 6 日 | 阅读 5 分钟

假设我们使用简单的 HTML 代码创建了网页，并且我们想要一些可以以正确的格式呈现我们的页面，并且在视觉上具有吸引力。为了做到这一点，我们可以使用 CSS（层叠样式表）属性来样式化我们的网页。

CSS 用于为由 HTML 元素组成的网页应用样式。它描述了网页的外观。

CSS 提供了各种样式属性，例如背景颜色、内边距、外边距、边框颜色等等，用于设置网页的样式。

CSS 中的每个属性都有一个名称-值对，并且每个属性都用分号 (;) 分隔。

注意：在本章中，我们对 CSS 进行了简要概述。您将在我们的 CSS 教程中深入学习 CSS 的所有内容。

示例

执行代码

输出

A centered <h2> heading with red italic text, large font, and 25px padding on top.

说明

在上面的示例中，我们使用了 style 属性为我们的代码提供了一些样式格式。

应用 CSS 的三种方法

要将 CSS 用于 HTML 文档，有三种方法：

  • 内联 CSS：使用 HTML 元素中的 style 属性定义 CSS 属性。
  • 内部或嵌入式 CSS：在 `` 部分使用 `