我如何在HTML中使用CSS

Question

這些物品在我的django項目中

我有這樣的模板目錄：

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

並且我在base.html中設置了鏈接標簽，該標簽可能是：

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

但是當我使用螢火蟲檢查它是否有效時，我無法獲得CSS。

螢火蟲向我展示的是“沒有規則。 您可以創建規則。”

我看到一個可選的選擇說127.0.0.1:8000/rules/stye_base.css

我不想通過url引用它，而是通過本地目錄引用它。

那么，我應該如何引用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" />