flask如何使用css代码

在Flask中使用CSS代码的一般步骤如下：

1. 在Flask应用程序的根目录下创建一个名为“static”的文件夹，用于存放静态文件，如CSS、JavaScript、图片等。

2. 在“static”文件夹下创建一个名为“css”的子文件夹，用于存放CSS文件。

3. 在CSS文件中编写所需的样式代码。

4. 在HTML文件中引用CSS文件。可以通过以下方式引用：

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

在上面的代码中，“{{ url_for('static', filename='css/style.css') }}”会生成CSS文件的URL，其中“static”是Flask应用程序中静态文件的目录，而“css/style.css”是CSS文件的路径。

5. 在Flask应用程序中，需要在路由函数中使用“render_template”函数来渲染HTML文件。例如：

   from flask import Flask, render_template

   app = Flask(__name__)

   @app.route('/')
   def index():
       return render_template('index.html')

在上述代码中，“render_template”函数将渲染名为“index.html”的HTML文件，并将其返回给浏览器。在HTML文件中使用的CSS文件将自动从“static/css”目录中加载。