<p>你不需要对Flask做任何特殊的事情来让CSS工作。也许你把<code>style.css</code>放进<code>flask_project/stylesheets/</code>?除非正确配置,否则应用程序将不会为此类目录提供服务。查看<a href="http://flask.pocoo.org/docs/quickstart/" rel="noreferrer">Flask Quickstart</a>的<a href="http://flask.pocoo.org/docs/quickstart/#static-files" rel="noreferrer">Static Files</a>部分,了解有关此的更多信息。但是,总而言之,这就是你想要做的:</p>
<ol>
<li><p>移动需要<code>project_root/static/</code>的静态文件。假设您将<code>stylesheets/style.css</code>移动到<code>project_root/static/stylesheets/style.css</code>。</p></li>
<li><p>改变</p>
<pre><code><link ... href="/stylesheets/style.css" />
</code></pre>
<p>到</p>
<pre><code><link ... href="{{ url_for('static', filename='stylesheets/style.css') }}" />
</code></pre>
<p>这告诉模板解析器(Jinja2)告诉Flask在项目目录中找到配置的静态目录(默认情况下,<code>static/</code>),并返回文件的路径。</p>
<ul>
<li>如果您真的想要,可以将路径设置为<code>/static/stylesheets/style.css</code>。但是你真的不应该这么做-使用<code>url_for</code>可以让你切换静态目录,并且仍然可以工作,还有其他优点。</li>
</ul></li>
</ol>
<p>正如“雷切尔桑德斯”在回答中所说:</p>
<blockquote>
<p>In a production setting, you'd ideally serve your static files via apache or nginx, but this is good enough for dev.</p>
</blockquote>