CSS-Datei Wegfindung Problem

Question

Wenn Sie eine HTML-Vorlage in meinem Lieblings-Editor entwerfen (TextPad im Moment) ich meinen Code in einem Browser durch Drücken F11 oder die entsprechende Schaltfläche in der Symbolleiste anzeigen kann. Ich habe meine gemeinsamen CSS-Regeln in einer separaten Datei so mein HTML den Code enthält:

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

Dies funktioniert, wenn die CSS-Datei im selben Ordner wie die HTML-Datei ist, oder wenn ich die CSS-Datei in der Eigenschaft href vollständig Pfad, zB. /// c: /mycssfolder/commoncss.css

Doch in einer ‚Live‘ Situation mag ich die CSS-Datei zu residieren in einem gemeinsamen Ordner, die aus einer Reihe von HTML-Dateien zugegriffen werden kann (z. Href = ‚css / commoncss.css‘, wo die CSS-Ordner konfiguriert ist, um Web-Server-Ebene).

Wie kann ich diesen Entwurf vs. Live-Dilemma erreichen, ohne CSS-Datei kopieren auf alle .html Ordner (und alle die Wartung Kopfschmerzen, die mit ihm kommt)?

Ich verwende Python 3.1 mit Jinja2, aber ich denke, das Problem in jeder Sprache anwendbar ist und Template-Engine.

Jede mögliche Hilfe würde geschätzt.

Alan

Answer 1

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

Dies wird eine Ebene nach unten bewegen, dann auf ein Niveau / CSS /.

Answer 2

Wenn Sie Ihre CSS-Dateien in einem Top-Level setzen "/ css" Verzeichnis, dann Ihre HTML-Dateien können nur auf das beziehen.

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

Ich weiß nicht viel über Ihren Rahmen; manchmal gibt es eine zusätzliche Schicht unter dem Server-Stamm eine „Anwendung“ oder etwas zu identifizieren. Wenn das der Fall ist, würde es sein „/appname/css/filename.css“.