HTML не ссылается на CSS файл django
Я знаю, что здесь так много вопросов по этому поводу, но я все еще не нашел решения. У меня есть следующая структура папок для моего приложения django:
Затем я ссылаюсь на файл 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',
)