Django1.11下调用CSS文件

最新推荐文章于 2021-08-03 19:08:47 发布

KzXuanCn

最新推荐文章于 2021-08-03 19:08:47 发布

阅读量941

点赞数 1

分类专栏： Python 文章标签： Python Django

本文链接：https://blog.csdn.net/x_koozal/article/details/75907241

版权

4 篇文章 0 订阅

订阅专栏

代码环境：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”。

优惠劵

关注关注