将css的文件放在static目录下，static和templates在同一个目录。例子结构图如下所示：

iot_app

├── admin.py

├── admin.pyc

├── __init__.py

├── __init__.pyc

├── migrations

│   ├── 0001_initial.py

│   ├── 0001_initial.pyc

│   ├── 0002_auto_20150317_1623.py

│   ├── 0002_auto_20150317_1623.pyc

│   ├── __init__.py

│   └── __init__.pyc

├── models.py

├── models.pyc

├── static

│   ├── css

│   │   ├── bootstrap.css

│   │   ├── bootstrap.css.map

│   │   ├── bootstrap.min.css

│   │   ├── bootstrap-theme.css

│   │   ├── bootstrap-theme.css.map

│   │   └── bootstrap-theme.min.css

│   ├── fonts

│   │   ├── glyphicons-halflings-regular.eot

│   │   ├── glyphicons-halflings-regular.svg

│   │   ├── glyphicons-halflings-regular.ttf

│   │   ├── glyphicons-halflings-regular.woff

│   │   └── glyphicons-halflings-regular.woff2

│   ├── images

│   │   ├── chrome.png

│   │   ├── firefox.png

│   │   ├── ie.png

│   │   ├── opera.png

│   │   └── safari.png

│   └── js

│       ├── bootstrap.js

│       ├── bootstrap.min.js

│       ├── html5shiv.js

│       ├── html5shiv.min.js

│       ├── jquery-1.11.1.js

│       ├── jquery-1.11.1.min.js

│       ├── jquery-1.11.1.min.map

│       ├── jquery-1.11.2.min.js

│       ├── jquery-1.11.2.min.map

│       ├── npm.js

│       └── respond.min.js

├── templates

│   ├── base.html

│   ├── buttons.html

│   ├── contact.html

│   ├── form.html

│   ├── form_inline.html

│   ├── formset.html

│   ├── form_using_template.html

│   ├── index.html

│   ├── login.html

│   ├── pagination.html

│   └── tabs.html

├── tests.py

├── views.py

└── views.pyc

设置setting.py

STATIC_URL = '/static/'

STATICFILES_DIRS = (

    os.path.join(BASE_DIR, 'static/'),

)

在html文件中，加载css或者js的地方写成如下形式：

{% load staticfiles %}

<link rel="stylesheet" href="{% static 'assets/css/amazeui.min.css' %}">

<link rel="stylesheet" href="{% static 'assets/css/admin.css' %}">

<script src="{% static 'assets/js/jquery.min.js' %}"></script>

<script src="{% static 'assets/js/amazeui.min.js' %}"></script>

<script src="{% static 'assets/js/app.js' %}"></script>

记得在开头加载一下static文件：

{% load staticfiles %}

另外要注意的是：

（1）setting.py中的INSTALLED_APPS中包含django.contrib.staticfiles

（2）setting.py中DEBUG选项为True，否则无法映射到静态文件目录

--------------------- 

作者：小拳头 

来源：CSDN 

原文：https://blog.csdn.net/xiaoquantouer/article/details/52063397 

版权声明：本文为博主原创文章，转载请附上博文链接！