html - 我的 .css 不会链接到 .html-6ren

html - 我的 .css 不会链接到 .html

转载作者：行者123 更新时间：2023-11-28 17:22:49

我知道这个问题已经被问了很多，因为我已经将多个线程与我自己的代码进行了比较，但我仍然很困惑。

我的代码如下:

 <!DOCTYPE html>
<html>

<head>
  <title>R H Y T H M /// U N I T E D</title>
  <link href=“style.css” type=“text/css” rel=“stylesheet”>
</head>

<body>
    <h1>RHYTHM UNITED</h1>
  <a href=“main.html”>Enter</a>
</body>

</html>

****CSS**separate file called style.css***

h1 {
    color: #fa1834;
    font-family: sans-serif;
}

body {
    background-color: aqua;
}

这两个文件都在我桌面上名为“网站”的文件夹中。

我修复此代码的尝试如下:- 在链接标签中的 > 之前添加一个/。

-更改为 href="/style.css"，然后我尝试了 href="website/style.css"

进入 chrome->developer 我可以看到 .css 根本没有链接。所以我的 .css 代码不是问题，至少现在不是。

谢谢!

最佳答案

您使用的是什么文本/代码编辑器？

你的双引号似乎导致了这个问题。我自己在本地创建了您的设置并遇到了同样的问题 - 在我更改引号之前 - 您甚至可以使用单引号进行测试。

为了学习 - 使用“像样的”文本编辑器，如“sublime text”或 notepad++(如果在 Windows 上)。

复制并尝试此 HTML

<!DOCTYPE html>
<html>

<head>
  <title>R H Y T H M /// U N I T E D</title>
  <link href='style.css' type='text/css' rel='stylesheet'>
</head>

<body>
    <h1>RHYTHM UNITED</h1>
  <a href='main.html'>Enter</a>
</body>

</html>

关于html - 我的 .css 不会链接到 .html，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/41538403/