Django1.11下调用CSS文件

本文介绍如何在Django项目中正确配置并使用静态文件,包括设置STATIC_URL、STATICFILES_DIRS,创建静态文件目录结构,以及在HTML模板中加载和引用静态资源。

代码环境:Django 1.11 (Python 3.6.1)


代码文件结构:

-- my

   |-- myblog

       |-- templates

           |-- myblog

               |-- index.html

       |-- __init__.py

       |-- admin.py

       |-- apps.py

       |-- models.py

       |-- tests.py

       |-- urls.py

       |-- views.py

   |-- my

       |-- __init__.py

       |-- setting.py

       |-- urls.py

       |-- wsgi.py

   |-- static

       |-- css

           |-- buttons.css

   |-- db.sqlite3

   |-- manage.py


1. 在settings.py代码末尾添加

STATIC_URL = '/static/'
STATICFILES_DIRS = (
     os.path.join(BASE_DIR, 'static').replace('\\', '/'),
)

2. 根目录下创建文件夹static,再在static下建文件夹css,将需要调用的css文件拷入。


3. 在index.html中<head>部分内添加

{% load staticfiles %}
<link href="{% static 'css/buttons.css' %}" type="text/css" rel="stylesheet">
其中 {% load staticfiles %} 是Django中读取静态文件必须添加的部分。


4. 调用成功,直接在部件中添加“id”或“class”。

评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值