Wie Sie ein externes Stylesheet erstellen

April 19

Externe Stylesheets, auch bekannt als cascading Stylesheets oder CSS, sind ein nützliches Werkzeug, wenn Sie eine Website mit vielen Seiten haben. Sie können konsistente Formate über viele Web-Seiten anwenden, indem Sie sie in einer CSS-Datei definieren. Dadurch sparen Sie arbeiten, wenn Sie das Erscheinungsbild einer Website ändern müssen. Sie müssen nur eine Datei anstelle von mehreren Dateien ändern. Gehen folgendermaßen Sie vor, um mithilfe von externen Stylesheets für Ihre Website nutzen.

Anweisungen

1 Öffnen Sie ein HTML-Editor oder Notepad-Software-Programm. Erstellen Sie ein neues Textdokument mit Erweiterung CSS. Name der Datei, "style.css" und speichern Sie sie. Diese Datei ist das externe Stylesheet.

2 Öffnen Sie die Webseite oder Seiten wo Sie das Stylesheet anwenden möchten. Verknüpfen Sie die Web-Seiten mit cascading Stylesheets. Setzen Sie das folgende Tag "Verbindung" zwischen den "Kopf" Tags der Webseite wie:

3 Definieren Sie die Stile für verschiedene Elemente einer Webseite. Cascading Stylesheets verwenden eine dreiteiligen Syntax: Selektor, Eigenschaft und Wert. Der folgende Stil-Code definiert Stile für Körper, Kopf- und Absatz auf einer Webseite.

Körper {Hintergrund-Farbe: blau}

H1 {Schriftgröße: 30pt}

H2 {Color: black}

p {Margin-Links: 40px}

4 Kopieren Sie und fügen Sie den erstellten Sie Stil-Code in die style.css-Datei und speichern sie.

5 Laden Sie die Datei style.css und die Webseiten, die auf die Css-Datei auf den Webserver verknüpft sind. Stellen Sie sicher, dass diese Dateien in demselben Verzeichnis sind.

6 Öffnen Sie einen Webbrowser, und laden Sie die verknüpfte Webseite oder Seiten, das Stylesheet zu testen. Wenn die Seiten richtig verknüpft sind, zeigen definierten Formatvorlagen in das externe Stylesheet in die Web-Seiten.

Tipps & Warnungen

  • Beachten Sie, dass externe Stylesheets groß Seite Download-Zeit zu erhöhen. Seien Sie wählerisch mit Stilen, die Sie verwenden möchten. Das Stylesheet muss vollständig geladen sein, bevor die Seite angezeigt wird.