📅 最后修改于: 2023-12-03 15:31:10.143000 🧑 作者: Mango
在 HTML 文件中，我们可以使用 <link> 标签来引入 CSS 文件，以达到控制页面样式的目的。
下面是引入 CSS 文件的 link 标签的代码示例：
<link rel="stylesheet" type="text/css" href="style.css">
其中，rel 属性指定了关联资源的类型，这里我们指定为 stylesheet，表示关联的是 CSS 样式表文件。type 属性指定了关联资源的 MIME 类型，对于 CSS 样式表文件，这个值通常被设置为 text/css。href 属性指定了 CSS 文件的 URL 地址，这个值需要根据实际需要进行修改。
下面是一个简单的 HTML 文件示例，演示了如何引入 CSS 样式表文件：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>HTML CSS 文件 einbinden</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<h1>这是一个标题</h1>
<p>这是一段段落文字，它们的样式将会被 style.css 中的规则所控制。</p>
</body>
</html>
同时，为了让 CSS 样式表文件与 HTML 文件进行关联，我们可以创建一个名为 style.css 的文件，其中包含了一些 CSS 规则：
h1 {
color: blue;
}
p {
color: gray;
}
这样，我们就可以在浏览器中打开 HTML 文件，并且查看页面样式是否被正确渲染。