CSS не работает должным образом в файлах HTML в Django

Я хочу знать, почему статические файлы CSS в Django всегда не работают должным образом? Я попытался включить стили CSS в тег стиля HTML и загрузить статические файлы в HTML. Работало только добавление стилей непосредственно в атрибуты тега.

Некоторый код CSS хорошо работал в статической папке, а некоторый — нет. Я даже не могу изменить цвет h1 с помощью файлов CSS, что является одной из самых простых вещей для стиля.

До сих пор не могу найти идеальный способ, который может решить эту проблему.

Пожалуйста, помогите мне с этим ><

Это файл 'base.html', в который я добавляю все материалы из

Это index.html, расширенный из base.html.

На втором изображении вы можете видеть, что нет тегов ссылок, которые прикрепляют мои статические файлы CSS, потому что это не работает для меня, поэтому я удалил их. И вместо этого добавил тег стиля.

Дело в том, как правильно включать файлы CSS ??

Похоже, что диапазон, который я расширил, взят из тега body файла 'base.html', поэтому материал в теге заголовка (где должны быть размещены теги ссылок) также расширен. И я предполагаю, что это проблема, почему мои файлы CSS загружаются неправильно?

Если это так, может ли кто-нибудь помочь мне с некоторыми решениями, пожалуйста><?

Предоставьте достаточно кода, чтобы другие могли лучше понять или воспроизвести проблему.

Community 23.04.2022 11:45
3 метода стилизации элементов HTML
3 метода стилизации элементов HTML
Когда дело доходит до применения какого-либо стиля к нашему HTML, существует три подхода: встроенный, внутренний и внешний. Предпочтительным обычно...
Стилизация и валидация html-формы без использования JavaScript (только HTML/CSS)
Стилизация и валидация html-формы без использования JavaScript (только HTML/CSS)
Будучи разработчиком веб-приложений, легко впасть в заблуждение, считая, что приложение без JavaScript не имеет права на жизнь. Нам становится удобно...
Введение в технологический стек Twitch
Введение в технологический стек Twitch
В этой статье мы подробно рассмотрим стек Twitch, который подразделяется на следующий набор технологий:
8 полезных HTML-тегов, которые лучше использовать вместо <div>
8 полезных HTML-тегов, которые лучше использовать вместо <div>
Когда я только начинал изучать html, я использовал div для всего, это был один из первых тегов, которые я выучил, и казалось, что он работает в любой...
HTML5: API локального хранилища (Local Storage)
HTML5: API локального хранилища (Local Storage)
LocalStorage - это простой способ хранения данных в браузере пользователя.
Доступность HTML - программирование с инклюзивной перспективой
Доступность HTML - программирование с инклюзивной перспективой
Представьте, что вы хотите поехать на пляж. Представьте, что вы упорно трудились весь год и заслужили это. Прибыв на место, вы обнаруживаете, что...
0
1
35
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

В 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

Другой - запустить шаблоны с использованием статических файлов с помощью: {% статическая загрузка %}

Затем, чтобы запомнить синтаксис самих файлов, например:

<link href="{% static 'introjs.min.css' %}" type="text/css" rel="stylesheet">

Таким образом, django знает, что вместо этого нужно загрузить статический файл.

Ответить/изменить 2:

Теги выглядят нормально (загрузить статическую часть). Я думаю, вам не нужно повторять их в одном и том же шаблоне, даже если он расширяет другие вещи, можно просто установить его один раз для каждого шаблона, использующего статические файлы.

Итак, вам нужно 3 вещи. Один из них — иметь теги в шаблонах, как и вы, другой — иметь статические файлы в вашем статическом каталоге (указанном в STATIC_URL в вашем файле настроек) и, наконец, использовать команду collectstatic после каждого изменения.

Итак, скажем, мы смотрим на

<link rel="stylesheet" href="{% static 'css/index.css' %}">

Это выглядит хорошо. Это говорит о том, что у вас есть 2 вещи для его работы. Один находится в вашем каталоге статических файлов (определен в вашем файле настроек), у вас есть:

static(or whatever name)/css subdirectory и тогда у вас есть файл index.css. Кроме того, после того, как вы добавили туда файл css, выполните команду python manage.py collectstatic хотя бы один раз.

Остальное, похоже, с CDNS (в основном с других хостингов), Django должен загрузить их сам, если это позволяет хостинг.

В принципе, это идея, да. Здесь вроде все хорошо. Если все еще есть проблемы, проверьте каталог static в настройках py и убедитесь, что вы использовали collectstatic после изменений.

Ошибки будут отображаться в терминале, чтобы вы могли видеть, почему что-то не загружается. :)

Для ошибок в статических файлах это 2 места для проверки. Один - это терминал, где python предоставляет информацию (или файлы журнала на сервере, если вы не видите терминал), другой - сам браузер - он покажет, почему он не загружает статический файл.

Сэр, спасибо за ваш комментарий, я прочитал некоторые материалы, которые вы предоставили. Я также добавил несколько изображений, которые поддерживают мои вопросы. Если я что-то сделал не так, пожалуйста, дайте мне знать. Спасибо !!

Warriors the Champ 24.04.2022 18:57

В комментарии все не уместится, отредактирую первый пост. :)

Gmuliu Gmuni 25.04.2022 08:28

Другие вопросы по теме