如何在django中使用静态的css文件

如何在django中使用静态的css文件

当你在阅读这篇文章时,想必你前面的所有工序已经完成。下面是我的一个django项目的文件目录:

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文件等其他静态文件的添加方式与之类似
注意:
如果不成功,请仔细检查路径问题,查看路径是否添加正确

  • 3
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值