在 HTML 文档中引入 CSS 文件有以下方法：使用 <link> 标签链接外部 CSS 文件。使用 <style> 标签内联 CSS 样式。在 HTML 元素中直接嵌入 CSS 样式。
如何用 HTML 引入 CSS 文件
在 HTML 文档中引入 CSS 文件的方法如下：
1. 使用 <link> 标签：
可以在 <head> 标签内使用 <link> 标签引入 CSS 文件。语法如下：
立即学习“前端免费学习笔记（深入）”；
<code class="html"><head> <link rel="stylesheet" href="style.css"> </head></code>
2. 使用 <style> 标签：
可以在 <head> 标签内使用 <style> 标签内联 CSS 样式。语法如下：
<code class="html"><head>
<style>
body {
background-color: blue;
}
</style>
</head></code>3. 嵌入式 CSS：
可以在 HTML 元素中直接嵌入 CSS 样式。语法如下：
<code class="html"><p style="color: red;">This is a paragraph with red text.</p></code>
最佳实践：
- 对于外部 CSS 文件，建议使用
<link>标签，因为可以提高页面性能。 - 对于小段 CSS 代码，可以使用
<style>标签内联 CSS 样式。 - 嵌入式 CSS 应谨慎使用，因为它会影响文档的可读性和可维护性。
