## 1. `style` 标签
使用 `style` 标签可以引入 CSS 样式规则。在 `style` 标签中,可以包含多个 CSS 样式规则,每个规则可以使用冒号和空格分隔。例如:
“`html
<style>
/* 样式规则1 */
label {
color: blue;
/* 样式规则2 */
input[type=”text”] {
width: 100px;
</style>
在这个例子中,`style` 标签中包含了两个 CSS 样式规则。第一个规则定义了标签的样式,第二个规则定义了输入框的样式。
需要注意的是,`style` 标签只能用于 HTML 文件中的样式,不能用于 JavaScript 文件中的样式。
## 2. `link` 标签
`link` 标签也可以用于引入 CSS 文件。在 `link` 标签中,可以包含 CSS 文件的路径和名称,以及 CSS 样式规则的引用。例如:
“`html
<link rel=”stylesheet” type=”text/css” href=”style.css”>
在这个例子中,`link` 标签中包含了一个 CSS 文件的路径和名称,即 `style.css`,以及对该 CSS 文件的引用,即 `type=”text/css”`。
需要注意的是,`link` 标签用于 HTML 文件和 JavaScript 文件中的样式,并且只能用于引入 CSS 样式规则,不能用于引入其他样式。
## 3. 其他标签
除了 `style` 和 `link` 标签,还有其他一些标签可以用于引入 CSS 文件。例如,`styleUrl` 和 `linkUrl` 标签可以用于引入 CSS 文件的 URL,而 `import` 和 `link` 标签可以用于引入 CSS 文件的样式规则。
“`html
<link rel=”stylesheet” type=”text/css” href=”style.css”>
<link rel=”stylesheet” type=”text/css” href=”style.css”>
<link rel=”stylesheet” type=”text/css” href=”style.css”>
<import href=”style.css”>
在这个例子中,`link` 和 `import` 标签分别引入了三个 CSS 文件。
需要注意的是,使用 `link` 和 `import` 标签时,必须确保 CSS 文件的 URL 正确,并且该 URL 可以解析为 CSS 样式规则。
## 结论
`style` 和 `link` 标签是引入 CSS 文件时最常用的标签。`style` 标签可以用于引入 CSS 样式规则,而 `link` 标签可以用于引入 CSS 文件的 URL 和样式规则。其他一些标签如 `styleUrl` 和 `linkUrl` 可以用于引入 CSS 文件的 URL,而 `import` 标签可以用于引入 CSS 文件的样式规则。在使用标签时,请确保标签的用法正确,以确保样式的正确性和可用性。