使用 Flask 構(gòu)建網(wǎng)站時(shí)，你可能會(huì)需要導(dǎo)入 CSS 文件。CSS 用于控制網(wǎng)頁的樣式表現(xiàn)，如文本字體、顏色、邊框、背景等。下面我們將介紹如何在 Flask 中導(dǎo)入 CSS 文件。
首先，你需要在你的項(xiàng)目文件夾中創(chuàng)建一個(gè)名為 static 的文件夾，用于儲(chǔ)存靜態(tài)文件。在 static 文件夾下創(chuàng)建一個(gè)名為 css 的文件夾，用于儲(chǔ)存 CSS 文件。
myproject/
app.py
static/
css/
style.css
...
templates/
index.html
...現(xiàn)在，在 CSS 文件夾中創(chuàng)建一個(gè)名為 style.css 的文件，在其中編寫你的 CSS 代碼。例如，以下代碼樣式將為網(wǎng)頁中所有標(biāo)題元素添加藍(lán)色下劃線：
/* style.css */
h1, h2, h3, h4, h5, h6 {
text-decoration: underline;
text-decoration-color: blue;
}接下來，在你的 HTML 模板文件中鏈接該 CSS 文件。在 head 標(biāo)簽中添加以下代碼：
<head>
<meta charset="UTF-8">
<title>My Website</title>
<!-- Link to stylesheet -->
<link rel="stylesheet" href="{{ url_for('static', filename='css/style.css') }}">
</head>此代碼將在運(yùn)行時(shí)通過 Flask 的 url_for 函數(shù)動(dòng)態(tài)鏈接該文件，并將其解析為靜態(tài)文件。注意，在 url_for 函數(shù)中使用的靜態(tài)文件路徑應(yīng)始終從 static 文件夾開始。例如，若你的 CSS 文件夾路徑為 myproject/static/css/style.css，則可使用 url_for('static', filename='css/style.css') 來導(dǎo)入該文件。
現(xiàn)在刷新網(wǎng)頁，看看 CSS 樣式是否已成功應(yīng)用到網(wǎng)站中。