Einzelne Tags anpassen

Jeder Tag kann einzeln oder zusammen mit ähnlichen Tags definiert werden. Das Aussehen der gesamten Seite wird über den body-Tag definiert. So könnte eine CSS-Datei z. B. aussehen:

Die Seite wird mit der Schriftart Verdana (bei Windows-PCs) dargestellt. Ist diese Schriftart auf dem PC nicht verfügbar wird als Schriftart Arial verwendet. Gibt es beide Schriften nicht, wird Helvetica (bei Apple-Rechnern) verwendet. Sonst wird eine serifenlose (sans-serif) Schrift verwendet.

Werden mehrere Attribute angegeben, wird immer das weiter vorne stehende Attribut verwendet!

Die Farbe (color) des Textes ist blau!

Die Überschrift h1 wird in einer größeren Schrift dargestellt.

Aufgabe

  1. Schreibe die obige Definition in die Datei style.css und teste das Ergebnis!
  2. Ändere für den <p>-Tag folgende Eigenschaften:
    Schriftart: Verdana
    Schriftfarbe: dunkelblau (navy)!

 

body {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: blue;
}

h1 {
font-size: x-large;}