我在同一目录中有一个HTML文件和一个CSS文件,但是当我运行该项目时,CSS没有加载,只显示了HTML。以下是HTML代码:
<link rel="stylesheet" type="text/css" href="/afc/Templates/afc/afc.css">
我尝试仅使用文件名,如果我只加载该特定页面,但是当我运行项目时,CSS不会被加载。
<link rel="stylesheet" type="text/css" href="afc.css">
我也尝试使用 CTRL + F5 进行加载,无需缓存即可重新加载,但无法正常工作。
编辑:
我在终端上得到这个:
Not Found: /afc/afc.css
[11/Oct/2016 18:55:30] "GET /afc/afc.css HTTP/1.1" 404 2853
我正在使用Django。
答案 0 :(得分:1)
Django的HTML文件不是静态的:它们是模板。它们不是由静态服务器提供服务,而是由Django本身解释。因此,将CSS文件放在&#34;同一目录中是没有意义的。作为HTML文件;那可能无法奏效。
相反,将CSS放在静态目录中并使用Django的{% static %}
标记链接到它。并通过阅读文档了解如何部署静态文件。
答案 1 :(得分:0)
“在同一目录中”
但你使用了“绝对”路径/afc/...
。使用相对的afc.css
。
请注意,由于它是HTML代码,因此“相对”路径与当前URI 相关。因此,如果CSS文件与HTML位于同一文件夹中,但您的服务器正在插入重定向(即:RewriteRule ^/?$ /bla/bla/index.html [L]
),那么您还必须重定向CSS文件(RewriteRule ^styles\.css$ /bla/bla/styles.css [L]
)。
尝试直接访问您的CSS文件:它的URL是什么?什么是HTML页面网址?然后,您就可以设置正确的相对路径。
答案 2 :(得分:0)
<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>
答案 3 :(得分:-1)
它应该可以工作,如果你在同一文件夹中有css和html文件,则不需要使用完整路径。检查拼写错误!