html怎么引用css?在 HTML 中,你可以通过使用 `<link>` 元素或内联样式(使用 `<style>` 标签)来引用 CSS 文件。
1. 使用 `<link>` 元素引用外部 CSS 文件:
<head>
<link rel="stylesheet"
href="http://www.ux20.com/news/styles.css">
</head>
在上述示例中,`<link>` 元素用于引用外部的 CSS 文件。`href` 属性指定了 CSS 文件的路径,路径可以是相对路径或绝对路径。此外,通过 `rel` 属性设置为 "stylesheet",可以指定该文件为样式表文件。
2. 使用内联样式(`<style>` 标签):
<head>
<style>
/* CSS 样式规则 */
body
{
background-color: #f1f1f1;
}
h1 {
color: blue;
}
</style>
</head>
在上述示例中,使用 `<style>` 标签可以将 CSS 样式直接嵌入到 HTML 文件中。你可以在 `<style>` 标签中编写自定义的 CSS 样式规则。
在实际应用中,通常会将 CSS 样式定义在一个独立的 `.css` 文件中,并通过 `<link>` 元素引用它,这样可以使样式与内容分离,更易于维护和管理。但如果只有少量的样式规则或需要针对特定页面进行样式定义,使用内联样式也是一种可选的方式。
请注意,要确保 CSS 文件或样式规则的路径正确,并与 HTML 文件位于相同的目录下或可以通过正确的相对路径或绝对路径引用。