我的 css 和 html 文件有一些问题

Question

这是我的 html 代码：

<html>
<head>

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

</head>



<body>

   <h2 align="centre">Hello!</h2>
   <h1>Hello Again!</h1>

   <p>this is a paragraph!</p>
</body>
</html>

这是 css 代码：


body {
    background: #fafafa;
    color: red;
}
header {
    color: blue
}

这是 python 代码：


from flask import Flask
from flask import render_template
from flask import request


app = Flask(__name__)


@app.route('/')
@app.route('/home')
def home():
    return render_template("base.html")

if __name__ == "__main__":
    app.run(debug=True)

只有一个 url 但它仍然无法正常工作

我还看到很多人使用<link>标签而不是<style> idk 差异和谷歌正在展示其他东西，任何帮助都会得到帮助！

Answer 1

在这里，我对文件之间的链接进行了排序......

这是必需的文件夹结构

这里是main.css ,

body {
  background: #fafafa;
  color: red;
}

header {
  color: blue;
}

这里是base.html ，

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

<body>
  <h2 style="text-align: center;">Hello!</h2>
  <h1>Hello Again!</h1>
  <p>this is a paragraph!</p>
</body>

</html>

这是app.py ，

from flask import Flask
from flask import render_template
# from flask import request


app = Flask(__name__, static_url_path='/static')


@app.route('/')
# @app.route('/home')
def home():
    return render_template("base.html")


if __name__ == "__main__":
    app.run(debug=True)

和程序的结果

Answer 2

我不知道 python，但是当您可以像这样使用“src”时，为什么要尝试使用“href”标签获取 css 文件

<head>
    <style rel="stylesheet" type="text/css" src="yourfile.css"></style>
</head>

其中 src 可以是文件的绝对路径（'c:/yourproject/yourfile.css'），或者更好的是相对路径，所以如果你在同一路径中有 html 和 css，你可以简单地使用你的 ZC7A628CBA22E28EB6AE7BA 文件名？

Answer 3

要包含外部样式表，您可以使用<link rel="stylesheet" href="styles.css">其中 styles.css 是样式表的名称。 这应该出现在<head>标记中。 <style>标签可用于内部 styles 如：

<style>
    body {
        background: #fafafa;
        color: red;
    }
    header {
        color: blue
    }
</style>

在您的 HTML 中。 w3schools有一个页面解释了包含 CSS 的不同方法。

我的 css 和 html 文件有一些问题

问题描述

3 个解决方案

解决方案1
2 2021-04-01 09:12:10

解决方案2
0 2021-04-01 08:50:52

解决方案3
0 2021-04-01 08:55:28

我的 css 和 html 文件有一些问题

问题描述

3 个解决方案

解决方案1 2 2021-04-01 09:12:10

解决方案2 0 2021-04-01 08:50:52

解决方案3 0 2021-04-01 08:55:28

解决方案1
2 2021-04-01 09:12:10

解决方案2
0 2021-04-01 08:50:52

解决方案3
0 2021-04-01 08:55:28