在我最喜欢的编辑器(目前是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文件夹(以及随附的所有维护问题),我如何实现此设计与实时困境?
我正在使用带有Jinja2的Python 3.1,但我想这个问题适用于任何语言和模板引擎。
任何帮助都将不胜感激。
艾伦
答案 0 :(得分:3)
如果您将CSS文件放在顶级“/ css”目录中,那么您的HTML文件就可以引用它。
<link rel='stylesheet' href='/css/style_file1.css'>
我对你的框架了解不多;有时在服务器根目录下有一个额外的层来标识“应用程序”或其他东西。如果是这种情况,那就是“/appname/css/filename.css”。
答案 1 :(得分:2)
<link rel='stylesheet' href='../css/stylesheet.css'>
这将向下移动一级,然后上升到/ CSS /.