Was ist CSS und wofür wird es verwendet?

Was ist CSS?

Merkmale von CSS:

• Sprache zur Definition von Stilen und Layout von Websites
• CSS ermöglicht die Trennung von Inhalt und Darstellung einer Seite
• Ermöglicht die Auswahl von Seitenelementen über Selektoren, sodass sich unterschiedliche Stile auf unterschiedliche Elemente anwenden lassen
• Ermöglicht responsive Designs, die sich an verschiedene Bildschirmgrößen von Geräten anpassen

CSS-Technologie

Was ist CSS?

Haben Sie sich je gefragt, warum dieser Text in genau dieser Farbe angezeigt wird, in genau dieser Schriftart geschrieben ist und der Hintergrund nicht in die Sätze hineinragt? Dahinter stehen Cascading Style Sheets, kurz CSS. Zusammen mit JavaScript und HTML bilden sie die absolute Grundlage der Webentwicklung. Ohne diese Sprachen wären Websites nicht nur deutlich ärmer und eingeschränkter, sondern würden oft auch nicht korrekt angezeigt. Man kann sich schließlich kaum eine Situation vorstellen, in der die Schrift mit dem Hintergrund verschmilzt und Bilder über dem Text erscheinen. Damit es dazu nicht kommt, wurden 1996 Cascading Style Sheets als Nachfolger der Sprache DSSSL eingeführt.

Einsatzbereiche von CSS

CSS ist eine hochspezialisierte Sprache. Mit ihr entwickeln wir keine fesselnde Mobile-Game, keine Bibliothek zur Datenspeicherung und kein Programm, das als CRM fungiert. Wir gestalten damit jedoch alles, was die visuellen Aspekte einer Website betrifft. Wichtig: CSS wird von praktisch jedem Browser unterstützt – von Opera oder Firefox über Google Chrome bis hin zu Nischenbrowsern wie DuckDuckGo. Das ist insofern wichtig, als Entwickler CSS einsetzen können und sicher sein dürfen, dass die von ihnen gestaltete Website unabhängig vom Browser oder von der Ansichtsvariante (Desktop, Mobile) genau gleich aussieht. CSS ist heute ein Standard, ohne den moderne Entwicklung kaum vorstellbar ist – die Wahl dieser Lösung liegt daher auf der Hand.

Warum lohnt sich die Wahl von CSS-Lösungen?

Die Wahl von CSS ist nicht nur eine Notwendigkeit – die Lösung bietet viele Annehmlichkeiten und neue Möglichkeiten, die weder HTML noch andere Lösungen haben. So lässt sich in CSS beispielsweise Text durchstreichen, das Aussehen von Text beim Überfahren mit dem Mauszeiger ändern oder die „Stärke“ der Fettschrift wählen. Außerdem bedeutet CSS Komfort – mit einem einzigen Stylesheet lässt sich ein ganzes Paket von Dokumenten verwalten, was besonders in Onlineshops mit Hunderten oder sogar Tausenden von Produktseiten wichtig ist. Durch die Trennung des Seiteninhalts von seiner grafischen Form lassen sich einzelne Parameter in einem kürzeren, übersichtlicheren Dokument deutlich schneller verwalten.

Welche Projekte können Sie mit CSS realisieren?

Sehen Sie Beispiele für den Einsatz der Technologie CSS.

FAQ – häufig gestellte Fragen

Was ist CSS?

CSS ist eine Stylesheet-Sprache, die festlegt, wie die Elemente einer Seite im Browser dargestellt werden. Die erste CSS-Spezifikation wurde 1996 vom W3C veröffentlicht.

Wofür wird CSS verwendet?

CSS verleiht Websites ihr Aussehen: Farben, Typografie, Abstände, Spaltenlayout, Hover-Effekte und Animationen. Außerdem passt es die Seite an unterschiedliche Bildschirme an (Responsive Webdesign).

Wie unterscheidet sich CSS von HTML?

HTML beschreibt die Struktur und den Inhalt einer Seite (Überschriften, Absätze, Bilder, Formulare), CSS ihre Darstellung. Durch die Trennung dieser Ebenen kann ein einziges Stylesheet das Aussehen einer ganzen Website verändern.

Was sind Flexbox und CSS Grid?

Das sind zwei Layoutmodelle in CSS. Flexbox ordnet Elemente in einer Dimension an (Zeile oder Spalte) und eignet sich hervorragend für Menüs oder Karten. CSS Grid ermöglicht zweidimensionale Layouts – Zeilen und Spalten gleichzeitig – z. B. für ganze Seitenvorlagen.

Ist CSS eine Programmiersprache?

Nicht im klassischen Sinne. CSS ist eine deklarative Sprache – sie beschreibt, wie etwas aussehen soll, und keinen Algorithmus. Die Logik einer Anwendung wird in Sprachen wie JavaScript oder PHP.

Was ist Bootstrap?

Bootstrap ist ein beliebtes CSS-Framework mit vorgefertigten Komponenten (Raster, Buttons, Formulare, Fenster). Es beschleunigt den Bau responsiver Oberflächen, auch wenn bei einem einzigartigen Design oft eigenes CSS besser geeignet ist.