2010-05-31 275 views
1

在我最喜歡的編輯器(當前的TextPad)中設計HTML模板時,可以通過按F11或相應的工具欄按鈕在瀏覽器中查看我的代碼。我有一個單獨的文件我共同的CSS規則,所以我的HTML包含代碼:CSS文件路徑問題

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

這工作時.css文件是在同一文件夾作爲.html文件,或者,如果我完全路徑的.css文件在href屬性中,例如。 ///c:/mycssfolder/commoncss.css

但是,在'活'的情況下,我希望.css文件駐留在一個可以從多個.html文件訪問的公用文件夾中(例如.href = 'css/commoncss.css',其中css文件夾在web-server級別配置)。

如何在不將css文件複製到所有.html文件夾(以及與之相伴的所有維護令人頭疼的問題)的情況下實現這種設計與實時困境?

我使用Python 3.1與Jinja2,但我想這個問題適用於任何語言和模板引擎。

任何幫助,將不勝感激。

艾倫

回答

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

這將下移一個級別,再向上的水平/ CSS /。

+0

謝謝MT。這似乎是一個合理的解決方案,使css文件夾與應用程序文件夾處於同一級別。問候。 – 2010-06-01 14:22:29

3

如果你把你的CSS文件中的頂級「/ CSS」目錄,那麼你的HTML文件可以直接參考它。

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

我對你的框架知之甚少;有時在服務器根目錄下有一個額外的圖層來標識「應用程序」或其他東西。如果是這樣的話,它會是「/appname/css/filename.css」。

+0

嗨波蒂 - 感謝。自從我編輯了我的OP並插入了缺少的代碼行後,我認爲你猜對了正在發生的事情。問候。 – 2010-05-31 23:25:07