Question

这是最愚蠢的问题，但我不知道为什么我找不到问题！下面是代码，但没有加载css文件。

<!DOCTYPE html>
    <html lang="en">
        <head>
            <meta charset="utf-8">
            <title>Title</title>
            <link rel="stylesheet" type="text/css" href="css/layout.css" />
        </head>
    <body>

        <section id="mainWrapper">
        <a href="#" class="btn btn-primary">Hello</a>
      </section>

    </body>

</html>

我在浏览器中检查了源代码，找不到指定的文件！我试图在根目录中移动文件并删除文件夹名称仍然相同。它只是我设计的基本模板，我不能让CSS工作！ Check this image

Answer 1

检查文件名，有时当您通过PC重命名时，往往会添加 layout.css.txt 将文件名更改为.css。< / p>

将文件移动到您拥有HTML的根目录。暂时不创建任何子文件夹。

如果您尝试上传到服务器或只是练习，请提及，以便我们为您提供准确的说明。

Answer 2

尝试完整路径

 <link rel="stylesheet" type="text/css" href="http://domainname/css/layout.css" />

还要确保文件可以访问。

Answer 3

另一个提示是检查CSS文件使用的元素ID是否与index.html中概述的元素ID相同。如果它们不同，则将不应用CSS。

CSS样式表未加载

3 个答案: