Djanfo : CSS не полностью загружается на моем сервере

#html #css

Вопрос:

Я выполняю django проект, и мой CSS файл показывает не все, например, я пытаюсь поместить фоновое изображение, но оно не работает и не выдает ошибок

Я прикрепляю свой CSS файл и свой код в base.html

 <body id="p" style="background-image: url({% static 'assets/background.jpg' %}')"></body>

1. стиль css : <тип стиля=»текст/css»> a:ссылка { цвет: красный } a:посещенный { цвет: бордовый } a:активный { цвет: желтый } тело { цвет: белый; цвет фона: черный; #p{фон-изображение: url(assets/background.jpg); } <тип стиля=»текст/css»></стиль>

Ответ №1:

Во-первых, вы должны посмотреть, не искажен ли ваш тег стиля в теге head.Техн вы должны убедиться, что ваш тег syle правильно отформатирован

Вот пример:

 
<head>
<!-- this is how to link a style sheet -->
<link rel="stylesheet" href="stylesheet.css">
</head>

Затем вы должны убедиться, что изображение правильно загружается в css и что вы не допускаете никаких ошибок.Я заметил, что вы попытались загрузить изображение в комментариях в <p> тег, а не загрузить его во все тело или в div

Вот пример того, как вы должны использовать css:

 body {
  background-image: url('https://i.stack.imgur.com/JggW3.png')
}

 <!DOCTYPE html>
<head>
<html lang="en">
<meta charset="UTF-8">
<title>Page Title</title>
<meta name="viewport" content="width=device-width,initial-scale=1">
<head>
<body id="p" style="background-image: url({% static 
'https://i.stack.imgur.com/qmuok.png' %}')">
</html>

И, наконец, если все остальное не удается, попробуйте выполнить CSS .в основном, CSS reste работает, потому что браузеры имеют различия в том, как они отображают CSS, и часто имеют значения по умолчанию, которые могут привести к тому, что все будет отображаться по-другому. В основном сброс CSS устанавливает все значения по умолчанию, например, заполнение до нуля

Вот код сброса CSS:

 /* CSS reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
    margin:0;
    padding:0;
}
html,body {
    margin:0;
    padding:0;
}
table {
    border-collapse:collapse;
    border-spacing:0;
}
fieldset,img { 
    border:0;
}
input{
    border:1px solid #b0b0b0;
    padding:3px 5px 4px;
    color:#979797;
    width:190px;
}
address,caption,cite,code,dfn,th,var {
    font-style:normal;
    font-weight:normal;
}
ol,ul {
    list-style:none;
}
caption,th {
    text-align:left;
}
h1,h2,h3,h4,h5,h6 {
    font-size:100%;
    font-weight:normal;
}
q:before,q:after {
    content:'';
}
abbr,acronym { border:0;
}
css