CSS 文件路径问题

Question

当在我最喜欢的编辑器（目前是 TextPad）中设计 HTML 模板时，我可以通过按 F11 或相应的工具栏按钮在浏览器中查看我的代码。我将常用的 css 规则放在一个单独的文件中，因此我的 HTML 包含代码：

<link rel="stylesheet" href="commoncss.css" type="text/css">

当 .css 文件与 .html 文件位于同一文件夹中时，或者如果我在 href 属性中完全路径化 .css 文件，例如，此方法有效。///c:/mycssfolder/commoncss.css

但是，在“实时”情况下，我希望 .css 文件驻留在一个公共文件夹中，可以从多个 .html 文件（例如href='css/commoncss.css'，其中 css 文件夹是在 Web 服务器级别配置的）。

与其他设计相比，我怎样才能实现这个设计？没有将 css 文件复制到所有 .html 文件夹（以及随之而来的所有维护难题）的生活困境？

我正在使用 Python 3.1 和 Jinja2，但我想这个问题适用于任何语言和模板引擎。

任何帮助，将不胜感激。

艾伦

Answer 1

<link rel='stylesheet' href='../css/stylesheet.css'>

这将向下移动一个级别，然后向上移动一个级别到 /CSS/。

Answer 2

如果您将 CSS 文件放在顶级“/css”目录中，那么您的 HTML 文件就可以引用该目录。

<link rel='stylesheet' href='/css/style_file1.css'>

我对你的框架不太了解；有时在服务器根目录下有一个附加层来标识“应用程序”或其他东西。如果是这样的话，它将是“/appname/css/filename.css”。