CSS не работает так, как ожидается, в HTML-файлах в Django
Я хочу знать, почему статические CSS файлы в Django всегда работают не так, как ожидается? Я пробовал включать CSS стили в HTML тег, загружать статические файлы в HTML. Сработало только добавление стилей непосредственно в атрибуты тега.
Некоторые CSS-коды хорошо работают в папке static, а некоторые - нет. Я даже не могу стилизовать цвет 's через CSS-файлы, что является одним из самых простых способов стилизации.
По-прежнему не могу найти идеальный способ, который мог бы решить эту проблему.
Пожалуйста, помогите мне с этим ><
В firefox и, я думаю, в chrome нажатие F12 может показать консоль, тогда мы можем увидеть, все ли .css файлы загружены правильно и в чем проблема, если это не так. Также можно выбрать элемент и посмотреть, какие стили css применяются к нему и откуда они взялись. Django имеет особый способ управления статическими файлами, которые могут быть неправильно настроены, если теги в шаблоне работают, то проблема скорее всего в статических файлах.
Django, вероятно, выдаст сообщение об ошибке в консоли, если не сможет предоставить статический файл.
В любом случае, нам может понадобиться некоторый код из шаблона, чтобы увидеть, что происходит. При правильной настройке он может загружать статические файлы без проблем, но для этого есть свои шаги. (объяснено здесь https://docs.djangoproject.com/en/4.0/howto/static-files/)
Можно ли использовать статические файлы .js? Или вообще любые статические файлы?
2 Важные детали, которые могут отсутствовать. Первая - использовать:
python manage.py collectstatic
Команду после каждого изменения статических файлов.
https://docs.djangoproject.com/en/4.0/ref/contrib/staticfiles/#django-admin-collectstatic
Другой вариант - запуск шаблонов с использованием статических файлов с помощью: {% load static %}
Затем запомнить синтаксис для самих файлов, например:
<link href="{% static 'introjs.min.css' %}" type="text/css" rel="stylesheet">
Так что django знает, что вместо этого нужно загрузить статический файл.
Однажды я потратил кучу времени на одну и ту же проблему. Я удалил !DOCTYPE html из верхней части html-страницы, и внезапно все заработало, как и ожидалось.