Python中如何通过src路径加载外部CSS文件
发布时间：2024-01-02 05:42:49
在Python中，可以使用Flask等web框架来加载外部的CSS文件。下面是一个使用Flask框架加载外部CSS文件的例子：
首先，确保已经安装了Flask框架，可以使用以下命令安装：
pip install flask
接下来，创建一个名为app.py的Python文件，并在其中编写以下代码：
from flask import Flask, render_template
app = Flask(__name__)
@app.route('/')
def index():
return render_template('index.html')
if __name__ == '__main__':
app.run()
在同级目录下创建一个名为templates的文件夹，并在其中创建一个名为index.html的HTML文件。在index.html中编写以下代码：
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='style.css') }}">
</head>
<body>
<h1>Hello World!</h1>
<p>This is an example of loading external CSS file in Python using Flask.</p>
</body>
</html>
在同级目录下创建一个名为static的文件夹，并在其中创建一个名为style.css的CSS文件。在style.css中编写以下代码：
body {
background-color: lightblue;
}
h1 {
color: white;
text-align: center;
}
p {
font-family: verdana;
font-size: 20px;
text-align: center;
}
现在，在命令行中运行app.py文件：
python app.py
之后，你可以在浏览器中输入http://localhost:5000/来查看示例页面。你会注意到HTML文件中的外部CSS文件已成功加载，并应用于页面上的元素。
在上面的例子中，我们使用了Flask的render_template函数来加载index.html文件。在HTML中，使用{{ url_for('static', filename='style.css') }}来生成CSS文件的URL。这将在静态文件夹中寻找名为style.css的文件。
通过这种方法，你可以通过src路径加载外部CSS文件，并在Python中使用。重要的是要确保正确配置Flask应用程序的目录结构以及路由和静态文件的链接。
希望这个例子可以帮助你了解如何在Python中加载外部CSS文件。