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文件夹是在网络服务器上配置的）。

我该如何解决这个设计和实际使用之间的矛盾，而不需要把css文件复制到每个.html文件夹里（这样会带来很多维护上的麻烦）呢？

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

任何帮助都非常感谢。

Alan

Answer 1

如果你把你的CSS文件放在一个顶层的“/css”文件夹里，那么你的HTML文件就可以直接引用这个文件夹里的内容。

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

我对你的框架了解不多；有时候在服务器的根目录下会有一个额外的层级，用来标识一个“应用”或者其他东西。如果是这样的话，你的路径就应该是“/appname/css/filename.css”。

Answer 2

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

这段话的意思是，它会先向下移动一个层级，然后再向上移动到/CSS/这个位置。