[PYTHON] Wie man CSS in Django reflektiert
Wie man CSS in Django reflektiert
Ich werde Ihnen zeigen, wie Sie CSS in Django reflektieren können.
Umgebung
Python 3.7.6 Django 3.0.5
Bearbeiten Sie settings.py
Schreiben Sie den folgenden Code am Ende von settings.py.
setting.py
#Oberer Teil weggelassen
# Static files (CSS, JavaScript, Images)
# https://docs.djangoproject.com/en/3.0/howto/static-files/
STATIC_URL = '/static/'
STATICFILES_DIRS = (
[
os.path.join(BASE_DIR, "static"),
]
)
CSS-Datei hinzufügen
Fügen Sie einen statischen Ordner hinzu und konfigurieren Sie ihn wie unten gezeigt
| - webproject
| | - setting.py
| | - urls.py
| - webapp
| | - urls.py
| | - views.py
| - templates
| | - form.html
| - static
| | - css
| | | - style.css
|manage.py
HTML-Dateien bearbeiten
Fügen Sie oben `{% load static%}` hinzu.
{% load static %}
<!DOCTYPE html>
<html lang="ja">
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>WebApp</title>
<link href="{% static 'css/style.css' %}" rel="stylesheet">
</head>
<body>
<p>Hello World!</p>
</body>
</html>
CSS-Dateien bearbeiten
Stellen Sie sicher, dass es reflektiert wird.
p {
color: blue;
}
Sicher reflektiert ^ _ ^
Recommended Posts