- Django 3.0入門與實踐
- 李健編著
- 339字
- 2021-03-27 00:17:38
3.13 添加樣式
目前已經完成調查問卷系統的主要功能,但是還沒有使用CSS樣式對其進行美化,本節將帶領讀者學習如何在Django中使用CSS樣式。
Django將圖片、腳本、樣式表等文件稱為靜態文件(static files)。對小項目來說,如何處理靜態文件不是什么值得注意的事情,你可以將它們放在任何地方,只要服務器能訪問就可以了。但是,對大項目來說,尤其是包含很多應用程序的項目,處理每一個項目所使用的靜態文件就比較困難了。
默認情況下,Django會在應用程序根目錄下查找static文件夾,這個文件夾就是用來存放靜態文件的。
按照路徑polls/static/polls/style.css創建一個style.css樣式文件,具體CSS內容如下:

接下來修改模板polls/templates/polls/index.html,在模板最頂部添加以下代碼:
{% load static %}
<link rel="stylesheet" type="text/css" href="{% static 'polls/style.css' %}" />
{% static %}標簽用于生成靜態文件的絕對路徑。
到此為止,所有關于CSS的設置已經完成,重啟Web服務,然后在瀏覽器中訪問index頁面,效果如下圖所示。

推薦閱讀
- DB2 V9權威指南
- Visual Basic .NET程序設計(第3版)
- Android開發精要
- MATLAB 2020 從入門到精通
- 數據庫系統原理及MySQL應用教程
- INSTANT MinGW Starter
- 用戶體驗增長:數字化·智能化·綠色化
- Advanced Oracle PL/SQL Developer's Guide(Second Edition)
- Nginx Lua開發實戰
- Creating Mobile Apps with jQuery Mobile(Second Edition)
- Access 2010中文版項目教程
- 響應式Web設計:HTML5和CSS3實戰(第2版)
- 軟件測試綜合技術
- Backbone.js Testing
- Apache Solr for Indexing Data