CSS没有链接到HTML

时间:2016-10-11 13:22:01

标签: html css django

我在同一目录中有一个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。

4 个答案:

答案 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文件,则不需要使用完整路径。检查拼写错误!