[PYTHON] Comment refléter CSS dans Django
Comment refléter CSS dans Django
Je vais vous montrer comment refléter CSS dans Django.
environnement
Python 3.7.6 Django 3.0.5
Modifier setting.py
Écrivez le code suivant en bas de setting.py.
setting.py
#Partie supérieure omise
# 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"),
]
)
Ajouter un fichier CSS
Ajoutez un dossier statique et configurez-le comme indiqué ci-dessous
| - webproject
| | - setting.py
| | - urls.py
| - webapp
| | - urls.py
| | - views.py
| - templates
| | - form.html
| - static
| | - css
| | | - style.css
|manage.py
Modification de fichiers HTML
Ajoutez `` {% load static%} '' en haut.
{% 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>
Modifier les fichiers CSS
Assurez-vous qu'il est reflété.
p {
color: blue;
}
Certainement reflété ^ _ ^
Recommended Posts