So importieren Sie externes CSS in HTML-Dateien Während Sie CSS direkt in Ihren HTML-Code einbinden können, indem Sie Tags gibt es Szenarien, in denen es von Vorteil ist, externe CSS-Dateien zu verwenden. Dieser Ansatz ermöglicht eine einfachere Pflege und Wiederverwendung des Stils über mehrere HTML-Seiten hinweg.</p> <p><strong>Lösung:</strong></p> <p>Um Ihrer HTML-Datei ein externes CSS-Stylesheet hinzuzufügen, führen Sie die folgenden Schritte aus: </p> <ol> <li> <strong>Erstellen Sie eine externe CSS-Datei:</strong> Erstellen Sie eine separate Datei mit der Erweiterung .css, die Ihr CSS enthält Stile.</li> <li> <strong>Verknüpfen Sie die CSS-Datei mit Ihrem HTML:</strong> Im <head> Fügen Sie im Abschnitt Ihrer HTML-Datei die folgende Zeile hinzu:</li> </ol> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre><link rel="stylesheet" type="text/css" href="your_css_file.css"></pre><div class="contentsignin">Nach dem Login kopieren</div></div> <p><strong>Beispiel:</strong></p> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre><head> <link rel="stylesheet" type="text/css" href="styles.css"> </head> <body> <p>Styled by external CSS file.</p> </body></pre><div class="contentsignin">Nach dem Login kopieren</div></div> <p><strong>Hinweis:</strong></p> <ul> <li>Ersetzen Sie „your_css_file.css“ durch den tatsächlichen Dateinamen Ihres CSS Datei.</li> <li>Externe CSS-Dateien enthalten keine <style> Tags; sie bestehen aus reinen CSS-Deklarationen.</li> </ul>