CSS- Die praktische Referenz

2 CSS-Grundlagen (S. 30-31)

Bevor die einzelnen Funktionen von CSS der Reihe nach besprochen werden, ist es erst einmal erforderlich, einige Grundlagen zu wissen. In diesem Kapitel geht es nach der Erklärung einiger häufig verwendeter Begriffe hauptsächlich um die Syntax von CSS-Befehlen.

2.1 Wichtige Begriffe

Dieser Abschnitt soll Ihnen helfen, so wichtige Begriffe und Konzepte wie die Dokumentstruktur und Dokumenttyp-Deklarationen zu verstehen. Diese sind wichtige Grundlagen für den Umgang mit CSS.

2.1.1 Das Stylesheet

Ein Stylesheet ist nichts anderes als eine Formatvorlage. Grundidee ist die Trennung von Informationen (Daten) und deren Darstellung. Das Stylesheet interpretiert die zugewiesenen Daten (Text, Tabellen, Grafiken usw.) und formatiert diese zum Beispiel für die Bildschirmausgabe entsprechend den vorgegebenen Regeln. Mit der Verwendung von Stylesheets ist eine bessere Arbeitsteilung möglich, als dass bei reinem HTML ohne die Verwendung von CSS der Fall ist.

2.1.2 Der Darstellungsbereich

Als Darstellungsbereich oder auch als Zeichenfläche beziehungsweise Viewport wird der Bereich eines Browserfensters bezeichnet, in dem der Inhalt einer Webseite dargestellt wird. Breite und Höhe des Darstellungsbereichs sind abhängig von der Größe des Bildschirms und der Größe des Browserfensters. Der Benutzer kann das Fenster als Vollbild verwenden oder ein verkleinertes Fenster. In einigen Fällen ist der Inhalt größer als der Darstellungsbereich. Dann kann der Inhalt mit Scrollbars verschoben werden, um andere Teile des Inhalts sichtbar zu machen. In der folgenden Abbildung 2.1 zeigen der horizontale und der vertikale Pfeil die Größe des Darstellungsbereichs an.

Bei der Ausgabe auf einem Drucker ist dagegen die Größe des Darstellungsbereichs mehr oder weniger fest vorgegeben. Die Ausgabe erfolgt normalerweise auf einem Blatt in der Größe DIN A4. Allerdings kann ein Drucker normalerweise nicht bis an die Ränder des Blatts drucken. So gibt es auf allen vier Seiten einen Rand, der nicht bedruckt wird. Der Darstellungsbereich bei der Druckausgabe ist der bedruckbare Bereich einer Seite.

2.1.3 Die Dokumentstruktur

Bei jedem HTML- und XML-Dokument lässt sich die Struktur in einer hierarchischen Baumstruktur darstellen. Alle Elemente, die sich im Quellcode innerhalb eines Paares von Start- und End-Tags befinden, sind diesem untergeordnet. Anhand des folgenden Beispiels soll die Dokumentstruktur ermittelt werden.