|
CSS-Einführung |
In einem Satz erklärt: Cascading Style Sheets erlauben es dem Author (und auch dem Leser) HTML-Dokumente mit Formatierungen (zum Beispiel Schriftart, Farbe und Rahmen) zu versehen. Das setzt natürlich voraus, dass Sie sich mit HTML auskennen. Ist das nicht der Fall sollten Sie sich eine der vielen Dokumentationen zu HTML ansehen. SelfHTML ist wohl die Beste.
Einbinden von Cascading Style Sheets (CSS)
Um die Regeln mit dem HTML-Dokument zusammenzubringen haben Sie drei Möglichkeiten: Die erste ist, eine separate Datei (Endung: .css) zu erstellen, die Sie dann von jeder HTML-Seite aufrufen. In dieser Datei stehen dann die Formatierungen, die im ganzen Projekt quasi "global" gelten. Also Fliestextgröße, Überschriften... Um auf nur einer Seite etwas zu formatieren kann man einen Style-Sheet im "<head>-Bereich" der HTML-Datei plazieren. Wenn Sie allerdings nur ein einzelnes Tag verändern wollen können Sie das direkt in diesem Tag vornehmen. Das ist auch der “Cascading”-Aspekt von Style Sheets:
|
|
Art der Einbindung: |
Geltungsbereich: |
Priorität vor: |
|
|
Separate CSS-Datei |
Global (alle Dateien, die dieses Style Sheet einbinden) |
- |
||
|
Einbindung in den "<head>-Bereich" |
Nur in der HTML-Datei |
Separate CSS-Datei |
||
|
Einbindung in ein einzelnes HTML-Tag |
Nur in dem "gestylten" Tag |
Separate CSS-Datei, Einbindung in den "<head>-Bereich" |
Für weitere Erklärungen finden sie unter diesem Link Hilfe: