html css 怎么导入外部css

在 HTML 文件中导入外部 CSS 样式表，可以使用 <link> 标签。具体步骤如下：

  1. 创建一个样式表文件（通常以 .css 扩展名为后缀），并将所有的 CSS 样式规则存放在该文件中。
  2. 在 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> 标签即可。

posted @ 2023-04-23 13:39  yjxQWQ  阅读(147)  评论(0)    收藏  举报