3 Schriftgestaltung und Farbe mit css

Beispiel 1

Im ersten Beispiel wird der Überschrift h1 die Größe 28pt, die Farbe Orange und die Schriftart Arial zugewiesen.

Für die Gestaltung der Schrift werden folgende CSS-Befehle benötigt:

color:#FF9F00;

Farbe: orange, kann entweder als Hex-Wert:“#FF9F00″ oder als Farbnamen angegeben werden: „orange“, also „color:orange;“ – die Farbnamen sind immer auf Englisch!

font-size:28pt;

Schriftgröße: hier als 28 punkte

font-family:arial, „lucida console“, sans-serif;

Schriftart: wenn vorhanden Arial, wenn nicht vorhanden, dann „lucida console“ und wenn diese nicht vorhanden, dann eine vorhandene serifenlose Schrift 

 Aufgabe:

Erstelle das Verzeichnis /ai/css/schrift
Erstelle hier die Datei design.css
Kopiere den folgenden code – Abspeichern

h1 {
  color:#FF9F00;   /* Farbe orange */
  font-size:28pt;  /* Größe 28pt   */
  font-family:arial, "lucida console", sans-serif; /* Schriftart */
}

Erstelle die Datei orangeschrift.html
Kopiere den folgenden code – Abspeichern

<h1>wichtigste Überschrift h1</h1>
<p>Und nun ein normaler Absatz</p>
<h2>Überschrift h2</h2>
<p>Und nun ein normaler Absatz</p>
<h2>Überschrift h2</h2>
<p>Noch ein normaler Absatz</p>

Schau dir das Ergebnis im Browser an. Ist deine h1 nun orange, dann hast du alles richtig gemacht.
Wenn nicht … finde den Fehler.
Tipp: Hast du auch im head-Bereich angegeben, dass deine css-Datei geladen wird?
Eventuell musst du dazu zur vorherigen Übung Nr.2 gehen und die entsprechende
Anweisung kopieren.