Как связать base.css с файлом base.html в Django?
Я пытаюсь связать свой base.css с файлом base.html. Как я это делаю, но никаких изменений не отражает. Если возможно, какой будет правильный код?
Я использую теги header и footer в файле base.html, а их нет. различных свойств, которые я реализую в проекте. Таким образом, отдельный файл CSS будет лучше, чем использовать встроенные стили или внутреннюю таблицу стилей. Но это не работает.
синтаксис используемого кода:
`{% load static %}
<html>
<head>
<link rel = 'stylesheet' href = '{% static 'css/base.css' %}'>
</head>
<header>
......
......
</header>
{% block content %}
{% endblock %}
<footer>....
</footer>
</html>'
Также, когда я пытался сделать отдельный файл .css для base.html. Это не сработало. Так что я сейчас в замешательстве. Похоже, вы не можете связать два файла тегов шаблона - base.html (общий заголовок и нижний колонтитул) для каждой веб-страницы и base.css для стилизации каждой веб-страницы.
Привет и добро пожаловать в SO. В вашем вопросе отсутствует ряд сведений, поэтому невозможно ответить на него как есть. Пожалуйста, отредактируйте свой пост, чтобы добавить следующую информацию: 1 / какая версия django и python, 2 / это при запуске сервера разработки (./manage.py runserver) или за передним сервером (nginx, apache и т. д.), 3 / где хранятся ваши файлы css , 4 / правильно ли настроены ваши параметры STATICFILES_DIR и т. д., И 5 / внимательно ли вы читали документ, касающийся статических файлов?
Да и да: когда вы просматриваете отображаемую страницу в своем браузере, есть ли у вас URL-адрес для тега ссылки, и если да, то какой код статуса ответа?
Ответы 2
Ваш CSS нужен в base.css? Если в admin.py нет ни одного решения, добавьте
class Media:
css = {
'all': ('css/bass.css',)
}
Это не отвечает на вопрос - OP не упомянул администратора в своем вопросе и явно говорит о шаблоне, отображаемом общедоступными представлениями - и в любом случае не решит проблему - если приложение staticfile не может разрешить путь в его файл css, тогда он тоже не будет работать в админке.
Использование <link rel = 'stylesheet' href = '{% static 'css/base.css' %}'> - это правильный способ связать файл css.
Предполагая, что я правильно читаю ваш вопрос, у вас может быть проблема с кешированием в вашем браузере, если определенные эффекты не появляются. Я бы рекомендовал начать с отключения кеша в Chrome для разработки. Щелкните правой кнопкой мыши> проверьте элемент> Сеть> «Отключить кэш».
Если проблема не в этом, возможно, вам придется перефразировать вопрос, чтобы объяснить, что не работает правильно.
Это может быть дубликат stackoverflow.com/questions/26237563/…, хотя этот пост 4 года назад