不知道为什么css没有链接?

时间:2017-02-24 18:59:45

标签: html css hyperlink

所以我即将开始使用Sublime Text编写网站代码,但我没有在几个月内(5-7)触及代码,所以我想再次习惯它。所以我创建了我的HTML和CSS页面,但即使CSS链接正确,它也不会在浏览器中显示。我知道,一旦你告诉我,我会自己踢,但为什么不出现?

<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="home.css">
<title>Home</title>
</head>
<body>
<h1>GymHub</h1>


</body>
</html>

3 个答案:

答案 0 :(得分:0)

您的代码假定您的文件夹结构是这样的(您的css文件是html的兄弟):

 index.html

 home.css

但是,请确保如果项目设置的方式使您的css位于文件夹中,则应在代码中反映出来:

 index.html

 -- css

    home.css

然后你会把它放在你的html文件中:

<link rel="stylesheet" type="text/css" href="/css/home.css">

答案 1 :(得分:0)

你必须使用css文件的确切地址创建一个根目录,但也许是因为你忘了在链接的末尾做一个反斜杠(我不确定)

答案 2 :(得分:-1)

您缺少链接标记中的斜杠。试试这个。还要确保css文件位于同一目录中。

<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="home.css"/>  
<title>Home</title>
</head>
<body>
<h1>GymHub</h1>


</body>
</html>