HTML не ссылается на CSS файл django

Я знаю, что здесь так много вопросов по этому поводу, но я все еще не нашел решения. У меня есть следующая структура папок для моего приложения django:

enter image description here

Затем я ссылаюсь на файл styles.css со страницы index.html следующим образом:

<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-F3w7mX95PdgyTmZZMECAngseQB83DfGTowi0iMjiWaeVhAn4FJkqJByhZMI3AhiU" crossorigin="anonymous">
{% load static%}
<link rel="stylesheet" href="{% static 'css/styles.css' %}">

но что бы я не менял в своем css файле, это не влияет на мою веб-страницу.

css файл, если он полезен:

.form-details {
text-align: center;
color: Tomato;
background-color: red;}

Поместите строку {% load static %} в начало вашего index.html файла.

А также убедитесь, что вы правильно задали направление статических файлов в settings.py файле.

Например,

STATIC_URL = '/static/'
STATIC_ROOT = os.path.join(BASE_DIR, 'static')
STATICFILES_DIRS = (
    os.path.join(BASE_DIR, 'static_assets'),
)
STATICFILES_FINDERS = (
    'django.contrib.staticfiles.finders.FileSystemFinder',
    'django.contrib.staticfiles.finders.AppDirectoriesFinder',
)
Вернуться на верх