привет я не могу ссылку css на html странице на django - PullRequest
Новая
       1

привет я не могу ссылку css на html странице на django

0 голосов
/ 25 февраля 2020

Я не могу связать css файл в html, я пытался в другом примере html css наедине с django это работает, но в django У меня есть проблема, не могли бы вы помочь мне Спасибо лот. 

'''
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>First site</title>
    <link rel="stylesheet" type="text/css" href="styles/styles.css">
</head>
<body>
   <h1>WeLcome</h1>
   <hr>

   {% if latest_post_list %}
      <ul>
            {% for post in latest_post_list %}
                <h3 ><a href="/web//{{ post.id }}">{{ post.title }}</a></h3>
                <p>{{ post.body }}</p>
            {% endfor %}
        </ul>
    {% else %}
        <p>no post are availabel</p>
    {% endif %}

</body>
</html>

'' '

'''
 @import url('https://fonts.googleapis.com/css?family=Raleway&display=swap');
body{
    text-decoration: none;
    font-family: 'Raleway', ;
    max-width: 300;
    margin: auto;
    padding: 20px;
}
'''

введите описание изображения здесь

Ответы [ 2 ]

0 голосов
/ 26 февраля 2020

Сначала добавьте новый каталог в ваше приложение с именем stati c. в папке stati c добавьте новую папку css. в папке css добавьте новый стиль файла. css и заполните css. теперь в вашей базе. html добавьте строку, как показано ниже -> 

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

в моем файле css, у меня есть простое свойство 

h1 {
color:red;}

и вот скриншот результат Уважаемый! нажмите, чтобы увидеть изображение

0 голосов
/ 25 февраля 2020

сначала вы хотите добавить css в качестве файла * stati c в файле settings.py, ниже BASE_DIR STATIC_DIR = os.path.join(BASE_DIR,'static'). Перед этим создайте папку для stati c в той же иерархии manage.py ....

Выше сказано, что django нужно искать в моем стиле. css в этих папках

затем добавьте это в файл html. Добавьте статические файлы в начало файла html 

{% load staticfiles %}

<link rel="stylesheet" type="text/css" href="{% static 'style.css' %}">
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

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

...