📜  如何在 html 中链接本地 css 文件(1)

📅  最后修改于: 2023-12-03 14:52:19.454000             🧑  作者: Mango

如何在 HTML 中链接本地 CSS 文件

在 HTML 中链接本地 CSS 文件有两种方式:使用 <link> 标签或者内联样式(使用 <style> 标签)。

使用 标签

使用 <link> 标签可以将 HTML 页面与外部 CSS 文档链接起来。以下是如何在 HTML 中使用 <link> 标签来引入样式表:

<head>
  <link rel="stylesheet" href="styles.css">
</head>

在上面的代码中,<link> 标签的 href 属性指定了 CSS 文件的路径和文件名。rel 属性指定链接的文档与当前文档之间的关系。在这种情况下,关系是样式表(rel="stylesheet")。

你可以生成一个 CSS 文件,其中包含各种样式定义(例如,字体大小、颜色、背景颜色等),然后将其保存在您的项目目录中(例如,/css/styles.css)。

使用