Question

需要django的帮助。似乎我无法以某种方式更改主页的CSS。

这些是我的静态设置：

# Static files (CSS, JavaScript, Images)
# https://docs.djangoproject.com/en/1.9/howto/static-files/

STATIC_URL = '/static/'


STATICFILES_DIRS = [
    os.path.join(BASE_DIR, "static"),
    #'/var/www/static/',
]

STATIC_ROOT = os.path.join(os.path.dirname(BASE_DIR), "static_cdn")

MEDIA_URL = "/media/"
MEDIA_ROOT = os.path.join(os.path.dirname(BASE_DIR), "media_cdn")

在我的index_home.html页面中，我想放置一个背景图片，例如marea.jpg位于static / img / marea.jpg中。

<!--DOCTYPE html -->
<html>
<head>
{% load static %}
<title>Romanii din Italia</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<link rel='stylesheet' href="static/css/custom.css" />
<link href="{% static 'css/custom.css'   %}" rel="stylesheet">
<link rel='stylesheet' href="/static/css/custom.css" />
</head>

<body> 
<div class='container'> 
    <ol class='breadcrumb'>

        <li><a href='{% url "posts:home" %}'>Acasa</a></li>
        <li><a href='{% url "posts:list" %}'>Stiri</a></li>



        {% if not request.user.is_authenticated %}
        <li class='pull-right'><a href='{% url "register" %}'>Register</a></li>
        <li class='pull-right'><a href='{% url "login" %}'>Login</a></li>
        {% else %}
        <li class='pull-right'><a href='{% url "logout" %}'>Logout</a></li>
        {% endif %}
    </ol>
</div>


<div class="container" >
    <h2>Bine ati venit pe site-ul romanilor din Italia!</h2>
        <div class="row" id="primapoza" style="background-image: url('/static/img/roma.jpg');background-repeat: no-repeat;background-size: cover;height: calc(100vh - 71px);">
        <div class="col-xs-12 offset-xs-0 col-sm-4 offset-sm-4 section-title" >
            <br><br>
        <p id="banner-text"> Romani in Italia! </p>
  <!--    <p id="banner-text" style="text-align: center;font-size:40px;!important;font-color:white;!important;margin-left: 100px;"> Romani in Italia! </p> -->

    </div>
</div>
</div>






</body>
</html>

这是我的custom.css，不会更改我的CSS代码。有人可以建议吗？预先谢谢你！

h1 {
    color: #777777;
}

.wmd-panel{
    margin-right: 0px !important;
    margin-left: 0px !important;
}

.comment-reply{
    display:none;
}

#banner-text{
    font-color:white;!important;
    font-size:40px;
}

我只能使用内联代码（例如<p id="banner-text" style="margin-left: 400;font-color: black;font-size:30">Romani in Italia!</p

来自定义CSS）

Answer 1

在HTML的head标记下使用{% load static %}和{% load staticfiles %}

Answer 2

根据我对mapRouteResult { case Complete(response) => log.info(s"Logging responses $response") Complete(response) case Rejected(rejects) => log.info(s"route rejected with $rejects") Rejected(rejects) }的用法和Django documentation is saying的理解，我认为您使用的{% load static %}不正确。无论我的静态链接是什么，我总是在上面直接使用它。

例如，在您的html文档头中，应该是

{% load static %}

否则，我认为您的样式表未链接到您的html文档。尝试一下，并在其他任何地方都可以纠正该错误，它应该可以解决。

您不能在文件顶部放置{% load static %} <link rel='stylesheet' href='{% static "css/base.css" %}'>，并希望它适用于整个页面。无论您使用多少静态文件，它都必须位于其上方。

Django不提供静态文件夹中的CSS代码

2 个答案: