Die meisten Entwickler verwenden externe Stile in CSS3 die Menge der Arbeit, die erforderlich ist, eine Website zu erhalten. Eine einzelne CSS-Datei enthält alle Stile für die Website, was bedeutet, dass eine Art standortweiten Wechsel so einfach ist, dass eine Datei als zu ändern (und nicht jede Seite). Da die Änderung nur an einem Ort stattfindet, gibt es keine Chance, fehlt eine oder mehrere Änderungen auf einzelnen Seiten.

Erstellen und Verwenden eines externen Stylesheets ist nicht viel anders als mit einem internen Stylesheet. Das folgende Beispiel verwendet Standardtechniken ein externes Stylesheet zu erstellen:

1. Erstellen Sie eine neue HTML5-Datei mit einem Texteditor.

2. Geben Sie den Code für die HTML-Seite.

   Eine einfache Überschrift
   Einfacher Text mit der Überschrift zu gehen.

   Stellen Sie sicher, dass Sie den Code genau ein. Was sollten Sie mit am Ende ist die gleiche Ebene Seite - ein ohne Stile.

3. Geben Sie den folgenden Code unmittelbar nach dem

   Das Tag teilt dem Browser für eine externe Ressource zu suchen. In diesem Fall sagt das rel-Attribut, dass es für ein Stylesheet und das href Attribut gibt den Namen des Stylesheet aussehen sollte.

4. Speichern Sie die HTML5-Datei auf die Festplatte.

5. Erstellen Sie eine neue CSS-Datei mit einem Texteditor.

   Der Editor kann nicht CSS-Dateien unterstützen. Jede Textdatei tun wird.

6. Geben Sie den folgenden Code in der CSS-Datei.

   p {font-family: Kursiv-font-size: large-color: # 0000ff-background-color: # ffff00-} h1 {font-family: "Times New Roman", Georgia, serif-font-size: 40px; text -align: center-text-decoration: underline-color: # ff0000-background-color: # 00ffff-}

   Dies kann der gleiche Code sein, mit dem Sie Ihre interne Datei zu erstellen. Der einzige Unterschied ist, dass es nun in einer externen Datei befindet.

7. Speichern Sie die CSS-Datei auf der Festplatte als ExternalCSS.CSS.

   Es ist absolut notwendig, dass der Name der Datei genau den Namen in das href-Attribut gefunden entsprechen. Einige Plattformen sind Groß- und Kleinschreibung, so müssen Sie den gleichen Fall für den Dateinamen verwenden. Zum Beispiel könnte externalcss.css als eine andere Datei von ExternalCSS.CSS betrachtet werden.

8. Laden Sie die Seite in Ihrem Browser.