如何在扩展页面中使用style.css？

Question

我的应用程式风格有问题。 我已经将我的style.css文件放到静态文件夹中，但是在放代码时：

<link rel="stylesheet" href="{{ url_for('static', filename='style.css') }}">

我的主页（body2.html）

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>Bootstrap</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">

HERE IS BOOTSTRAP CDN

**<link rel="stylesheet" href="{{ url_for('static', filename='style.css') }}">**
</head>

<header>
HERE IS MY NAVBAR CODE
</header>

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

<body>
{% block content %}
HERE IS MY PAGE WHICH I EXTEND
{% endblock %}
</body>

</html>

和我想扩展的页面

    {% extends "body2.html" %}
    {% import "bootstrap/wtf.html" as wtf %}
    {% block content %}


HERE IS LOTS OF CODE :)    

    {% endblock %}

问题是我看不到背景

style.css文件

    body, html {
    height: 200%;
    background-repeat: no-repeat;
      background: -webkit-linear-gradient(90deg, #16222A 10%, #3A6073 90%); /* Chrome 10+, Saf5.1+ */
  background:    -moz-linear-gradient(90deg, #16222A 10%, #3A6073 90%); /* FF3.6+ */
  background:     -ms-linear-gradient(90deg, #16222A 10%, #3A6073 90%); /* IE10 */
  background:      -o-linear-gradient(90deg, #16222A 10%, #3A6073 90%); /* Opera 11.10+ */
  background:         linear-gradient(90deg, #16222A 10%, #3A6073 90%); /* W3C */

}

Answer 1

您正在链接外部样式表，不应将该链接放在样式标签中。 同样好的做法是在头部加载外部文件，因此在加载页面之前就知道元素的样式。

如何在扩展页面中使用style.css？

问题描述

1 个解决方案

解决方案1
1 2017-08-08 13:53:32

如何在扩展页面中使用style.css？

问题描述

1 个解决方案

解决方案1 1 2017-08-08 13:53:32

解决方案1
1 2017-08-08 13:53:32