在Django中,我們可以使用在線CSS來為我們的應用程序添加樣式。這意味著我們不需要為每個HTML頁面創建單獨的CSS文件,而是可以在應用程序中直接編寫CSS。
要使用在線CSS,我們需要在Django的settings.py文件中添加以下代碼:
MIDDLEWARE_CLASSES = [ 'django.contrib.sessions.middleware.SessionMiddleware', 'django.middleware.common.CommonMiddleware', 'django.middleware.csrf.CsrfViewMiddleware', 'django.contrib.auth.middleware.AuthenticationMiddleware', ]
然后,我們需要在我們的HTML模板中包含以下代碼:
{% load static %} <link rel="stylesheet" type="text/css" href="{% static 'css/style.css' %}">
現在我們可以在templates文件夾中創建一個名為style.css的新文件,并在其中添加我們希望應用于頁面的CSS樣式,如下所示:
body { background-color: #f0f0f0; font-family: Arial, Helvetica, sans-serif; } h1 { color: #333; } p { font-size: 18px; line-height: 1.5; color: #444; }
在這個例子中,我們為body添加了一個背景顏色和字體,h1元素的顏色為#333,段落p的字體大小為18像素,行高為1.5,顏色為#444。
這就是如何在Django中使用在線CSS來為應用程序添加樣式。通過這種方式,我們可以更有效地管理和維護我們的CSS樣式。
上一篇django 配置css
下一篇div頁面居中css寫法