在 HTML 文件中导入外部 CSS 样式表,可以使用 <link>
标签。具体步骤如下:
- 创建一个样式表文件(通常以
.css
扩展名为后缀),并将所有的 CSS 样式规则存放在该文件中。 - 在 HTML 文件中添加一个
<link>
标签,指定rel="stylesheet"
属性和href
属性,其中href
属性值应该是样式表文件的 URL 地址。例如:
!DOCTYPE html>
<html>
<head>
<title>My Webpage</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<!-- 页面内容 -->
</body>
</html>
在这个例子中,我们在 HTML 的 head 部分使用了一个 <link>
标签来导入一个名为 style.css
的文件,这个文件包含了所有的 CSS 样式规则。rel="stylesheet"
属性告诉浏览器链接的文件是一个样式表,href
属性指定了样式表文件的 URL 地址。
当浏览器加载 HTML 文件时,它会自动下载并解析样式表文件,并将其应用到 HTML 页面中的所有元素上。如果有多个样式表文件需要导入,只需要在 HTML 文档中添加多个 <link>
标签即可。