HTML and CSS Reference
In-Depth Information
<head>
<link href="styles/styles.css" rel="stylesheet" type="text/css" />
</head>
Listing 2.3 Die Verknüpfung einer externen CSS-Datei
Damit verknüpfen Sie eine Datei styles.css , die im Ordner styles liegt mit der HTML-
Datei. Erstellen Sie nun mit einem Texteditor Ihrer Wahl eine neue Datei styles.css
und speichern Sie sie im Ordner styles .
Der Inhalt der styles.css
Eine CSS-Datei beginnt immer mit der Definition des vorliegenden Zeichensatzes.
Dieser legt fest, welche Schriftzeichen erlaubt sind und wie diese ausgeschrieben
werden. Auf Nummer sicher gehen Sie mit dem Zeichensatz UTF-8 , da dieser alle gän-
gigen lateinischen Zeichen und Symbole beinhaltet. Den Zeichensatz definieren Sie
mit einer einfachen Zeile Code am Anfang der CSS-Datei:
@charset "UTF-8";
Sie haben mehrere Möglichkeiten, Elemente anzusprechen und ihnen visuelle Merk-
male zuzuweisen. Die erste Möglichkeit besteht darin, ein komplettes Tag zu definie-
ren. Damit werden alle Instanzen dieses Tags formatiert. Im folgenden Beispiel
gestalten Sie die erste Überschrift in 20 Pixel Größe und, einem Hai von Sharky's
Klasse würdiger, roter Farbe (Abbildung 2.2):
h1 {
font-size: 20px;
color: #FF0000;
}
Abbildung 2.2 Sharky's Startseite mit roten Überschriften sieht auf iPhone und unter
Android identisch aus.
 
Search WWH ::




Custom Search