Чтобы добавить CSS в Django, можно использовать статические файлы. Статические файлы могут быть картинками, CSS-файлами или JavaScript-файлами. Вот пошаговая инструкция, как добавить CSS-файл в Django:
- Создайте каталог для статических файлов
Создайте каталог в вашем проекте Django для статических файлов CSS. Например, вы можете создать каталог «static» в корневом каталоге проекта Django.
- Пропишите STATIC_URL и STATICFILES_DIRS в settings.py
В файле settings.py вашего проекта Django установите значения для переменных STATIC_URL и STATICFILES_DIRS. STATIC_URL определяет префикс URL для ваших статических файлов, а STATICFILES_DIRS указывает на каталог, где находятся ваши статические файлы. Например:
STATIC_URL = '/static/'
STATICFILES_DIRS = [os.path.join(BASE_DIR, 'static')]- Создайте CSS-файл
Создайте файл style.css в каталоге static вашего проекта Django. В этом файле можно написать CSS-код, который будет применён к вашим HTML-шаблонам.
- Подключите CSS-файл в HTML-шаблон
Чтобы подключить CSS-файл к вашему HTML-шаблону, вы можете использовать тег link со следующим атрибутом href:
<link rel="stylesheet" type="text/css" href="{% static 'style.css' %}">Здесь параметр ‘style.css’ является относительным путем к файлу style.css. С помощью функции static вы можете получить абсолютный путь к статическому файлу.
- Обновите шаблон вьюхи
Обновите вашу вьюху (файл views.py) и добавьте функцию render:
from django.shortcuts import render
def home(request):
return render(request, 'home.html')- Создайте HTML-шаблон
Создайте файл home.html в каталоге templates в вашем проекте Django и добавьте следующий код:
{% load static %}
<!DOCTYPE html>
<html>
<head>
<title>Мой проект Django</title>
<link rel="stylesheet" type="text/css" href="{% static 'style.css' %}">
</head>
<body>
<h1>Добро пожаловать!</h1>
<p>Этот проект создан с помощью Django.</p>
</body>
</html>Здесь мы использовали функцию {% static %}, чтобы ссылаться на статический файл. Теперь стили из файла style.css должны работать в вашем HTML-шаблоне.
