如何使用 HTML 引用外部 CSS

使用 HTML 引用外部 CSS 是一种常见做法，可以将样式规则与 HTML 文档分开，从而实现更简洁、可维护的代码。以下是如何在 HTML 中引用外部 CSS：

1. 创建 CSS 文件

首先，创建一个包含样式规则的 CSS 文件。例如，可以使用名为 style.css 的文件，其中包含以下内容：

body {  font-family: Arial, sans-serif;  font-size: 16px;}h1 {  color: blue;}

2. 将 CSS 文件链接到 HTML

在 HTML 文档的

元素中，使用 元素链接到外部 CSS 文件。如下所示：

3. 解释

元素的 rel 属性指定了链接的类型，在这种情况下为 "stylesheet"。href 属性指定了外部 CSS 文件的 URL 或相对路径。

通过使用外部 CSS 文件，您可以集中管理所有样式规则，并轻松地更改整个网站的样式，无需修改每个 HTML 页面。

以上就是html怎样引用外部css的详细内容，更多请关注css网站其它相关文章！