CSS-Einführung

Was ist eine CSS-Datei??

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:

 

Geltungsbereich

Art der Einbindung:

Geltungsbereich:

Priorität vor:

Priorität 

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:

http://www.css-info.de/css-kurs1.php