在 HTML 中连接到 CSS 有两种主要方法：在 \<head\> 部分使用 \<link\> 元素，指定要连接的样式表的 URL。在 \<style\> 元素内直接编写 CSS 代码。两种方法各有优缺点，对于大多数情况，使用 \<link\> 元素连接到外部样式表是首选方法。
如何在 HTML 中连接到 CSS
在 HTML 中连接到 CSS 有两种主要方法：
方法 1：在 \<head\> 部分内使用 \<link\> 元素
<code class="html"><head> <link rel="stylesheet" href="styles.css"> </head></code>
-
<link>元素指定了要连接的样式表的 URL。 -
rel="stylesheet"属性表明该文件是一个样式表。
方法 2：在 \<style\> 元素内编写 CSS 代码
立即学习“前端免费学习笔记（深入）”；
<code class="html"><head>
<style>
body {
background-color: red;
}
</style>
</head></code>-
<style>元素允许您直接在 HTML 文件中编写 CSS 代码。 - 该方法比使用 \<link\> 元素更快，因为浏览器不需要加载外部文件。
选择哪种方法？
两种方法各有优缺点：
-
\<link\> 元素：
- 更干净、可维护性更好，因为它将样式代码与 HTML 分离。
- 允许使用外部样式表，这可以减少加载时间。
-
\<style\> 元素：
- 更快，因为浏览器无需加载外部文件。
- 对于简单的样式更改非常方便。
对于大多数情况，使用 \<link\> 元素连接到外部样式表是首选方法。但是，如果您需要进行快速、简单的样式更改，\<style\> 元素可能是更好的选择。
