我的.css不会链接到.html

时间:2017-01-08 22:04:30

标签: html css

我知道这个问题已被提出很多,因为我已经将多个线程与我自己的代码进行了比较,但我仍然难以接受。

我的代码如下:

 <!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;
}

文件夹中的两个文件名为&#34;网站&#34;在我的桌面上。

我修复此代码的尝试如下: - 在&gt;之前添加/在链接标记中。

-changing to href =&#34; /style.css" ;,然后我尝试了href =&#34; website / style.css&#34;

进入chrome-&gt;开发人员我可以看到.css根本没有链接。所以我的.css代码不是问题,至少现在还没有。

谢谢!

1 个答案:

答案 0 :(得分:1)

您使用的是哪种文本/代码编辑器?

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

为了学习 - 使用“体面的”#39;文本编辑器,如“崇高文字”,或“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>