DJANGO CSS ПОДКЛЮЧЕНИЕ

Для подключения CSS-файла к проекту на Django, сначала нужно создать директорию static в корневой папке проекта. Внутри нее создаем папку для нашего приложения (my_app), куда будут помещаться все статические файлы:

mkdir -p /path/to/project/static/my_app/css

Затем необходимо добавить информацию о папке настроек проекта. Для этого в файле settings.py нужно прописать следующие строки:

STATICFILES_DIRS = [os.path.join(BASE_DIR, "static"),]
STATIC_URL = '/static/'

Теперь внутри папки css создаем файл styles.css и добавим стили для нашего проекта:

body {
    background-color: #f2f2f2;
}
h1 {
    color: green;
}

Для подключения CSS к HTML-шаблону нужно вставить следующий код:

{% load static %}
<link rel="stylesheet" type="text/css" href="{% static 'my_app/css/styles.css' %}">

Важно убедиться, что в URL указана правильная папка и имя файла стилей.

Learn Django (2.1) - Adding CSS Styles To Django Application #19

28 Подключаем статические файлы. Django Static Files

Django 2 уроки подключение css и js к шаблону - Урок 12

How to link Static Files(CSS) in Django with template(HTML)

Django - Урок[4.1] HTML CSS JS static files

Django Static Files CSS Stylesheets - Django Project - djblogger - 24

BLGPG-3E43B856E88F-24-09-20-01

Новые материалы: