Cascading Style Sheet (CSS)

Was bedeutet Cascading Style Sheet (CSS)?

CSS sind Stilanweisungen für die HTML-Elemente von Webseiten. Die Vorgaben bestimmen damit das Design von HTML-Elementen. Diese Anweisungen enthalten beispielsweise Angaben zu Farben, Abständen, Hintergründen, Schriftarten, -stilen und -größen. Meist werden diese Stile in einer externen Datei gespeichert. Die Informationen können aber auch direkt in die HTML-Datei eingebettet sein.

Welchen Sinn hat die Festlegung von Stilanweisungen?

Dank CSS erhalten Webseiten einen einheitlichen Look. Beispielsweise haben alle H1-Überschriften dieselbe Schriftgröße und Farbe, alle Abstände ober- und unterhalb von Absätzen sind gleich. CSS-Anweisungen machen eine Trennung von Inhalt und Design möglich. Dadurch können Inhalte geändert werden, ohne dass dies Einfluss auf das Design hat. Durch diese Entkopplung können Webseiten schneller geladen werden. CSS unterstützt die repressive Darstellung von HTML-Dokumenten. Daher können für unterschiedliche Ausgabegeräte wie Desktop-PC, Tablet, Smartphone oder Drucker passende Darstellungsformen vorgegeben werden.

Funktioniert Cascading Style Sheet mit allen Browsern?

Alle gängigen Browser unterstützen es. In der Darstellung gibt es jedoch Unterschiede und Einschränkungen. Testen Sie daher Ihre Website vor dem Livegang auf möglichst allen gängigen Browsern!