Question

由于某种原因，我的CSS文件不会链接到我的HTML文件。我尝试过不同的路径和浏览器。当我检查页面的元素并查看资源时，它并没有显示出来。

这是我的HTML：

<html>
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="http://www.w3schools.com/lib/w3.css">
    <link rel="stylesheet" herf="/CSS/fun.css" />
    <title>Task Sheet</title>
</head>
<body>
    <div class="w3-container w3-white middle border">
         <h2>Daily Task</h2>
         <button type="button" name="button" onclick="test()">Button</button>
         <form id="t1">
             <input type="checkbox" name="task1" value="task1"> Task 1 Test</input>
         </form>
    </div>
    <script src="/Users/ddjhende/Desktop/Fun Website/JavaScript/fun.js"></script>
</body>

Answer 1

在第5行你写了

<link rel="stylesheet" herf="/CSS/fun.css" />

相反，你应该尝试

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

通常你也会定义一个类型

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

But to be honest i don't think that's necessary nowadays...

编辑：由于人们似乎喜欢结束标签，我想补充一下。

尽可能多地使用结束标记。但是，如果您有多个链接，则应该保持一致。选择你想要使用的版本并在所有情况下使用它，否则它看起来会让人感到困惑，这在任何情况下都不是好的做法。

Answer 2

问题可能在路径上..你的系统中css文件和html文件的路径是什么？你可以解释一下，以便我们帮助你吗？例如：

css文件C：\ myproject \ css \ style.css
html文件C：\ myproject \ main.html

在检查路径之前，您还应该更正拼写错误：

<link rel="stylesheet" herf="/CSS/fun.css"/>

href 不是 herf 。

我的CSS无法链接到我的HTML

2 个答案: