gpt4 book ai didi

html - 如何在扩展页面中使用style.css?

转载 作者:太空宇宙 更新时间:2023-11-04 08:20:40 27 4
gpt4 key购买 nike

我的应用程序中存在样式问题。我已将我的 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 %}

问题是我看不到我的背景

样式.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 */

}

最佳答案

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

关于html - 如何在扩展页面中使用style.css?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45569777/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com