CSS: Cascading Style Sheets

Cascading Style Sheets (CSS) ist eine Stylesheet-Sprache, die verwendet wird, um die Darstellung eines Dokuments zu beschreiben, das in HTML oder XML (einschließlich XML-Dialekte wie SVG, MathML oder XHTML) geschrieben wurde. CSS beschreibt, wie Elemente auf dem Bildschirm, auf Papier, in der Sprache oder in anderen Medien dargestellt werden sollen.

CSS gehört zu den Kernsprachen des offenen Webs und ist standardisiert für Webbrowser gemäß W3C-Spezifikationen. Früher wurden die verschiedenen Teile der CSS-Spezifikation synchron entwickelt, was eine Versionierung der neuesten Empfehlungen ermöglichte. Sie haben vielleicht von CSS1, CSS2.1 oder sogar CSS3 gehört. Es wird jedoch nie ein CSS3 oder ein CSS4 geben; stattdessen ist alles einfach "CSS", wobei die einzelnen CSS-Module Versionsnummern haben.

Nach CSS 2.1 wurde der Umfang der Spezifikation erheblich erweitert, und der Fortschritt der verschiedenen CSS-Module begann sich so stark zu unterscheiden, dass es effektiver wurde, Empfehlungen separat pro Modul zu entwickeln und zu veröffentlichen. Anstatt die CSS-Spezifikation zu versionieren, nimmt das W3C jetzt regelmäßig eine Momentaufnahme des neuesten stabilen Zustands der CSS-Spezifikation und des Fortschritts der einzelnen Module vor. CSS-Module haben jetzt Versionsnummern oder Stufen, wie beispielsweise CSS Color Module Level 5.

Tutorials für Anfänger

Ihre erste Website: Inhalte gestalten

Dieser Artikel bietet eine kurze Einführung, was CSS ist und wie es verwendet wird, und richtet sich an Personen, die keinerlei Vorkenntnisse in der Webentwicklung haben.

CSS-Grundlagen für das Styling

Unser Leitfaden zur Webentwicklung erklärt die Grundlagen von CSS von Grund auf.

CSS-Textgestaltung

Hier befassen wir uns mit den Grundlagen wie der Einstellung von Schriftart, Fettschrift, Kursivschrift, Zeilen- und Buchstabenzwischenraum, Schlagschatten und anderen Texteigenschaften. Am Ende des Moduls lernen Sie, benutzerdefinierte Schriftarten auf Ihrer Seite anzuwenden sowie Listen und Links zu gestalten.

CSS-Layout

Jetzt ist es an der Zeit, die richtige Anordnung Ihrer Boxen zueinander und im Browser-Viewport zu betrachten. Dieses Modul behandelt Floats, Positionierung, andere moderne Layout-Tools und den Aufbau responsiver Designs, die sich an unterschiedliche Geräte, Bildschirmgrößen und Auflösungen anpassen.

Referenz

Kochbuch

Das CSS-Layout-Kochbuch hat das Ziel, Rezepte für gängige Layoutmuster zu sammeln, die Sie möglicherweise auf Ihren Seiten umsetzen müssen. Neben der Bereitstellung von Code, den Sie als Ausgangspunkt für Ihre Projekte verwenden können, heben diese Rezepte die unterschiedlichen Möglichkeiten hervor, wie Layout-Spezifikationen verwendet werden können und welche Entscheidungen Sie als Entwickler treffen können.

Werkzeuge für die CSS-Entwicklung

Meta-Bugs

Siehe auch