1. 程式人生 > >Django1.11下呼叫CSS檔案

Django1.11下呼叫CSS檔案

程式碼環境: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”。