Wie Sie eine Schriftfarbe in CSS festlegen

CSS steht für Cascading Style Sheets. Web-Entwickler nutzen CSS, um die Struktur ihres HTML-Codes von seiner Darstellung zu trennen. Ihr HTML kann eine Verknüpfung zu externen CSS-Dateien oder CSS-Code-Blöcke auf jeder HTML-Seite einbetten. Mit CSS erhöht die Lesbarkeit des Codes und zukünftige Wartung vereinfacht. Beispielsweise können Sie die Farbdefinitionen für alle Absätze in einem Speicherort speichern, Ihre Webseite Text einfärben, indem Sie einen einzelne Farbe Wert ändern.

Anweisungen

1 Öffnen Sie den Editor, und fügen Sie diesen Text in ein neues Dokument:

<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional / / EN" "als http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >

< html Xmlns = "als http://www.w3.org/1999/xhtml" >

< Head >

<title>CSS Color Test</title>

< / head >

< Stil >

< / style >

< Körper >

< / body >

< h1 Klasse = "Red" > rote Überschrift < / h1 >

< p Class = "blau" > Blue Absatz </p >

< / html >

Dadurch entsteht ein HTML-Dokument, eine Überschrift (h1) und ein Absatz (p) enthält. Diese Elemente verweisen zwei CSS-Klassen mit der Bezeichnung "rot" und "blau".

2 Fügen Sie den folgenden Text unter "< Style >"-Tag:

...red {Color: #FF0000;}

.Blue {Color: #0000FF;}

Diese CSS-Klassen definieren die Farben rot und blau, die mithilfe der Hexadezimalnotation (siehe Ressourcen für mehr Farben).

3 Drücken Sie "STRG-S" zu öffnen-Editorfenster "Speichern unter" und geben Sie einen Namen im Textfeld "Dateiname". Fügen Sie die Erweiterung ".html" auf den Namen. Beispielsweise wenn Sie möchten, benennen Sie die Datei "ColorTest", geben Sie "ColorTest.html" in das Textfeld ein.

4 Klicken Sie auf "Speichern". Editor wird das Dokument als HTML-Datei speichern.

5 Öffnen Sie Windows_explorer. Navigieren Sie zu der Datei, und doppelklicken Sie auf. Ihr Browser wird geöffnet und zeigt die Web-Seite. Überprüfen Sie, ob die Überschrift rot ist und der Absatz blau ist.

Tipps & Warnungen

• Andere CSS-Klassen zu erstellen, benötigen Sie zusätzliche Farben. Namen der Klassen etwas, das dir gefällt. Wiederholen Sie Klassennamen nicht.