我无法在我的 html 中链接 css 文件

Question

当我在 chrome 或 IE 中打开 html 文件时，背景颜色和字体大小没有改变，我不知道为什么。 是我从 html 链接到 css 文件的方式吗？ 路径错了吗？ 我应该在路径名中使用 / 而不是 \ 吗？ css 文件的 css 内容可以吗？

这是我的 html 文档（记事本）的开头部分：

<head>

<meta charset="UTF-8">

<title>Final Project</title>

<link rel="stylesheet" href="/CSS3/css/styles"/>

</head>

这是 my.css 文档的内容（我用的是记事本）：

h1{

background:#B3B3B3;

font-size:150%;

}

我的 css 文件位于此处 --> C:\Users\m529759\OneDrive for Business\Desktop\Web Design Course\CSS3\css

我的 html 文件位于此处--> C:\Users\m529759\OneDrive for Business\Desktop\Web Design Course\CSS3\html

Answer 1

由于您使用的是外部 CSS：

HTML 文件：

<!DOCTYPE html>
<html>
<head>

<meta charset="UTF-8">

<title>Final Project</title>

<link rel="stylesheet" href="/home/bhavya/Desktop
/styles.css">

</head>
<body>

<h1>This is a heading</h1>


</body>
</html>

styles.css文件内容

body {
  background-color: powderblue;
}
h1{

background:#B3B3B3;

font-size:150%;

}

所以结果 output 将是：

更新 1：

我认为您使用的路径中存在一些语法错误C:\Users\m529759\OneDrive for Business\Desktop\Web Design Course\CSS3\css

DO CHECK YOUR PATH AGAIN, AND DONT FORGET TO SAVE YOUR CSS FILE WITH .css extension AND YOUR HTML FILE WITH .html extension

Answer 2

我有一个文件夹，里面有 2 个文件夹。 一个命名为 html，另一个命名为 css。 我通过删除 html 文件夹并将 html 文档放入文件夹中来解决此问题，如下所示：修改后的文件路径

我还更改了 html 文件中的<head>链接，如下所示： <link rel="stylesheet" href="css/style.css">并且它有效。

我无法在我的 html 中链接 css 文件

问题描述

2 个解决方案

解决方案1
0 2020-05-07 08:01:40

解决方案2
0 2020-05-07 18:06:31

我无法在我的 html 中链接 css 文件

问题描述

2 个解决方案

解决方案1 0 2020-05-07 08:01:40

解决方案2 0 2020-05-07 18:06:31

解决方案1
0 2020-05-07 08:01:40

解决方案2
0 2020-05-07 18:06:31