如何在django中使用静态的css文件
当你在阅读这篇文章时,想必你前面的所有工序已经完成。下面是我的一个django项目的文件目录:
其中static文件、templates文件分别用来存放*.css文件等静态文件和.html文件*
第一步
在login.html文件中添加如下代码:
{% load static %}
然后导入我们需要使用的***login_css.css***文件
导入格式如下:
{% load static %}
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" href="{% static 'login_css.css' %}" /> /*导入代码*/
<meta charset="UTF-8">
<title>...</title>
</head>
<body>
...
...
...
需要注意的是:href="{% static ‘路径’ %}"中的路径为从static文件的下一个文件到.css文件为止的路径
第二步
还要在setting.py文件中设置一下,在代码的末尾加上如下代码即可
STATIC_URL = '/static/'
STATICFILES_DIRS = [
os.path.join(BASE_DIR, 'static'),
]
js文件等其他静态文件的添加方式与之类似
注意:
如果不成功,请仔细检查路径问题,查看路径是否添加正确