Джанго: CSS не применяется - PullRequest
Новая
       14

Джанго: CSS не применяется

0 голосов
/ 02 мая 2019

Я поместил все свои файлы CSS в папку static/css. Мои настройки: 

STATIC_URL = '/static/'
STATICFILES_DIRS = [os.path.join(BASE_DIR, 'static')]
MEDIA_URL='/media/'
MEDIA_ROOT = os.path.join(BASE_DIR, 'media')

Пока медиа-файлы работают должным образом, и изображения, хранящиеся в папке static/images, также отображаются, стили CSS не отображаются. Для каждой страницы я создаю файл CSS, помещаю его в папку static/css и называю его следующим образом: 

{% load static %}
<head>
 <link rel="stylesheet" type="text/css" href="{% static 'css/bootstrap.min.css' %}">
 <link rel="stylesheet" type="text/css" href="{% static 'css/getting-started.css' %}"> <--this
</head>

Файл getting-started.css: 

h3{
  text-align: left;
}

p {
 font-family: verdana;
 font-size: 20px;
}

Хотя bootstrap.min.css работает, CSS не работают.

Ответы [ 3 ]

0 голосов
/ 02 мая 2019

Вы должны собрать все статические файлы перед загрузкой их в свой шаблон: 

manage.py collectstatic
0 голосов
/ 02 мая 2019

Если вы развиваете значение поворота DEBUG = False, попробуйте проверить это: https://docs.djangoproject.com/en/2.2/howto/static-files/#deployment.

Если вы развиваете значение поворота DEBUG = True и все еще возникают проблемы, следуйте приведенным ниже методам.

  1. Создайте папку внутри статической папки с именем вашего приложения.Переместите папку css в это место и обновите href так, чтобы новый href = "{% static" имя приложения / css / Getting-Start.css '%} "

После этого обновите настройки до 

STATIC_URL = '/static/'

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

STATICFILES_DIRS = [os.path.join(BASE_DIR, 'static')]

Вы можете сослаться: https://docs.djangoproject.com/en/2.2/howto/static-files/#configuring-static-files

Проверьте, загружен ли файл css, проверяя визуализированный элемент с помощью элемента inspect, чтобы вы могли проверить, загружен ли он.Используемый вами стиль CSS может не совпадать с элементами HTML.Если он загружен, вы можете просмотреть код ниже 
h3{
 text-align: left;
}

p {
font-family: verdana;
font-size: 20px;
}
0 голосов
/ 02 мая 2019

Попробуйте указать полный путь в STATICFILES_DIRS = [os.path.join(BASE_DIR, 'static')]

Например STATICFILES_DIRS = [os.path.join(BASE_DIR, 'accounts/static')]

В моем случае моим именем приложения были учетные записи, а затем статическая папка внутри него.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...