Question

我有一个包含loginform.html的文件夹和一个带有简单CSS文件的CSS子目录：

<!DOCTYPE HTML>
<html>
<header>
<title>Login Forms</title>

<link href="CSS/LoginForm_CSS_1.css" rel="stylesheet">

</header>
<body>   
</body>
</html>

问题是我无法链接它们，我无法理解为什么，我试过：

<link href="CSS/LoginForm_CSS_1.css" rel="stylesheet">

和

<link href="/CSS/LoginForm_CSS_1.css" rel="stylesheet">

和

<link href="../CSS/LoginForm_CSS_1.css" rel="stylesheet">

但没有任何作用，当我将LoginForm_CSS_1.css文件放在与html文件相同的目录中并使用<link href="LoginForm_CSS_1.css" rel="stylesheet">时一切正常。知道我做错了吗？

Answer 1

<!DOCTYPE html>
<html>
<head>
    <title></title>
<link href="CSS/LoginForm_CSS_1.css" rel="stylesheet">
</head>
<body>

</body>
</html>

head标签用于root，header标签应该在正文中！

将html文件链接到子目录中的css文件不起作用

1 个答案: