我怎样才能在html中使用我的CSS

Question

这些物品在我的django项目中

我有这样的模板目录：

|base.html
|
|rules
   | 
   |style_base.css

我在base.html中设置了链接标签，可能是：

<link type="text/css" href="/rules/style_base.css" rel="stylesheet" />

但是当我使用firebug检查它是否有效时，我无法获得css。

萤火虫告诉我的是＆＃39;没有规则。您可以创建规则。＆＃39;

我看到一个可选的选项说127.0.0.1:8000/rules/stye_base.css

我不想通过网址引用它，而是我的本地目录。

那我该如何引用style_base.css？

Answer 1

删除第一个正斜杠，它将从当前位置查看。

使用正斜杠，它从根目录看起来，它不一定与当前位置相同。

Answer 2

修改您的settings.py文件并更改这些变量值：

STATIC_URL = '/rules/'
STATICFILES_DIR = ( os.path.join(BASE_DIR,'templates/rules'), )

并在模板中使用它：

<link type="text/css" href="{{STATIC_URL}}style_base.css" rel="stylesheet" />