So verwenden Sie CSS-Vorlagen

Wenn Sie die Präsenz Ihres Unternehmens online verwalten, sind einige Grundlagen hilfreich. Die Verwendung externer Stylesheets ist ein hervorragendes Beispiel für ein Werkzeug, das Ihnen die Arbeit erleichtert. Stylesheets legen fest, wie HTML-Dokumente aussehen, indem sie Stile für bestimmte Elemente definieren. Importieren Sie vorgefertigte CSS-Vorlagendateien, um Stile auf Ihre Webseite anzuwenden. Dadurch wird das Design Ihrer Website vereinfacht und die Konsistenz bleibt erhalten. Sie können sogar CSS-Tabellen verwenden, um Ihre eigenen Vorlagen zu erstellen.

1

Speichern Sie Ihre CSS-Vorlage in demselben Verzeichnis wie die HTML-Seiten, mit denen Sie die Vorlage verwenden möchten. Wenn Sie beispielsweise möchten, dass die Seite "index.html" die CSS-Vorlage "template.css" verwendet, speichern Sie template.css in demselben Ordner, in dem Sie "index.html" gespeichert haben.

2

Öffnen Sie die HTML-Datei in einem Texteditor.

3.

Suchen Sie die Head-Tags in der HTML-Datei. Geben Sie das HTML-Dokument zwischen diesen Tags ein, um die HTML-Datei mit der CSS-Vorlagendatei zu verknüpfen. Ihre Vorlagendatei hat möglicherweise einen anderen Namen. Verwenden Sie daher den richtigen Namen anstelle von "template.css". Ihr HTML-Kopfabschnitt sieht diesem Beispiel ähnlich aus:

4

Speichern Sie die HTML-Datei.

5

Öffnen Sie die HTML-Datei in einem Webbrowser. Der von Ihnen angefügte CSS-Vorlagenstil ist wirksam, wodurch Ihre Website einheitlicher wird.

Warnung

• Während CSS-Dateien Stilanweisungen auf allgemeine Bereiche wie Hintergrund und Hauptdokumenttext anwenden, geben einige CSS-Vorlagendateien bestimmte Tags an, die möglicherweise nicht mit den Tags in Ihrem Dokument übereinstimmen. Lesen Sie die CSS-Datei und ihre Dokumentation, um sicherzustellen, dass Sie dieselben Tags und Abschnitte verwenden, die die CSS-Datei verwendet, um die besten Ergebnisse zu erzielen.