html怎样引用外部css

如何使用 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 文档的

  <link rel="stylesheet" href="style.css">

3. 解释

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

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