当前位置: 代码迷 >> python >> 烧瓶项目-CSS没有拉入颜色
  详细解决方案

烧瓶项目-CSS没有拉入颜色

热度:21   发布时间:2023-07-14 09:49:32.0

我是python网络开发的新手。 我正在将项目从php转换为flask。 我按照这篇文章中的说明进行操作( ),现在我的文本居中,因此我知道我已链接到样式表。 但是我的页面上没有任何颜色。 不知道我做错了什么。 这是我的css文件:

body {
    background-color: #003300;
    text-align: center;
}
.greenones{
    color: #003300;
    text-align: center;
}
.redones{
    color: #dd164e;
    text-align: center;
}
.yellowones{
    color: #CA9800;
    text-align: center;
}
.orangeones{
    color: #ff6600;
    text-align: center;
}
.centerMe{
    text-align: center;
}
.dropdown-toggle{
    color: #CA9800;
}
.yellowleft{
    color: #CA9800;
    text-align: left;
}
.leagueguide{
    color: #CA9800;
    text-align: left;
    list-style-type: upper-roman;
}
.leagueguide-indent{
    color: #CA9800;
    text-align: left;
    list-style-type: upper-alpha;
}
.leagueguide-decimal{
    color: #CA9800;
    text-align: left;
    list-style-type: decimal;
}
div.well {
    font-weight: bold;
}
a {
    font-weight: bold;
}
img.align-left {
    float: left;
    margin-right: 10 px;
    text-align: left;
}
label.yellow, div.yellow{
    color: #CA9800;
}
label.logs{
    color: #CA9800;
    text-align: right;
    padding: 10px 10px 10px 10px;
}
table.statsTable{
    text-align: center;
    color: #003300;
    padding: 3px;
}
td.cen {
    text-align: center;
}

#login-dp{
    min-width: 250px;
    padding: 14px 14px 0;
    overflow:hidden;
    background-color:rgba(255,255,255,.8);
}
#login-dp .help-block{
    font-size:12px
}
#login-dp .bottom{
    background-color:rgba(255,255,255,.8);
    border-top:1px solid #ddd;
    clear:both;
    padding:14px;
}
#login-dp .social-buttons{
    margin:12px 0
}
#login-dp .social-buttons a{
    width: 49%;
}
#login-dp .form-group {
    margin-bottom: 10px;
}
.btn-fb{
    color: #fff;
    background-color:#3b5998;
}
.btn-fb:hover{
    color: #fff;
    background-color:#496ebc
}
.btn-tw{
    color: #fff;
    background-color:#55acee;
}
.btn-tw:hover{
    color: #fff;
    background-color:#59b5fa;
}
@media(max-width:768px){
    #login-dp{
        background-color: inherit;
        color: #fff;
    }
    #login-dp .bottom{
        background-color: inherit;
        border-top:0 none;
    }
}

编辑我的问题:找不到我的CSS文件。 我收到此错误:

"GET /static/ibc.css HTTP/1.1" 304 - 

在我的layout.html文件中,有以下一行:

<link rel= "stylesheet" type= "text/css" href= "{{ url_for('static',filename='ibc.css') }}">

我在app文件夹(app.py所在的文件夹)下面创建了一个静态文件夹,并将.css文件放在其中。 这显然不是正确的位置...

我可以回答我自己的问题。 我需要在每个.html文件中包括指向样式表的链接,而不仅仅是layout.html。 一旦这样做,css就开始工作。

  相关解决方案