CSS: Cascading Style Sheets

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

CSS gehört zu den Kernsprachen des offenen Webs und ist gemäß den W3C-Spezifikationen standardisiert über Web-Browser hinweg. Früher wurde die Entwicklung verschiedener Teile der CSS-Spezifikation synchron durchgeführt, was die Versionierung der neuesten Empfehlungen ermöglichte. Sie haben vielleicht von CSS1, CSS2.1 oder sogar CSS3 gehört. Es wird niemals ein CSS3 oder CSS4 geben; alles ist jetzt nur "CSS" mit einzelnen CSS-Modulen, die Versionsnummern haben.

Nach CSS 2.1 vergrößerte sich der Umfang der Spezifikation erheblich und der Fortschritt bei verschiedenen CSS-Modulen begann so stark auseinanderzugehen, dass es effektiver wurde, Empfehlungen separat pro Modul zu entwickeln und zu veröffentlichen. Anstatt die CSS-Spezifikation zu versionieren, nimmt das W3C jetzt periodisch einen Snapshot von dem neuesten stabilen Zustand der CSS-Spezifikation und dem Fortschritt der einzelnen Module. CSS-Module haben jetzt Versionsnummern oder Level, wie zum Beispiel CSS Color Module Level 5.

Anfänger-Tutorials

Ihre erste Website: Styling des Inhalts

Dieser Artikel bietet eine kurze Einführung, was CSS ist und wie man es nutzt, und richtet sich an Personen, die völlig neu im Bereich der Webentwicklung sind.

CSS Styling Grundlagen

Unser Leitfaden zur Webentwicklung lehrt die Grundlagen von CSS von Grund auf.

CSS Text-Styling

Hier betrachten wir Grundlagen wie das Setzen von Schriftarten, Fett- und Kursivschrift, Zeilen- und Buchstabensperrung, Schlagschatten und andere Textmerkmale. Wir schließen das Modul mit dem Anwenden benutzerdefinierter Schriften auf Ihre Seite und dem Stylen von Listen und Links ab.

CSS Layout

Jetzt ist es an der Zeit zu schauen, wie Sie Ihre Boxen korrekt in Bezug zueinander und zum Browser-Viewport anordnen. Dieses Modul befasst sich mit Floats, Positionierung, anderen modernen Layout-Werkzeugen und dem Erstellen von responsiven Designs, die sich an verschiedene Geräte, Bildschirmgrößen und Auflösungen anpassen.

Referenz

Die CSS-Referenz ist eine umfassende Referenz für erfahrene Webentwickler und beschreibt jede Eigenschaft und jedes Konzept von CSS, einschließlich:

Kochbuch

Das CSS-Layout-Kochbuch zielt darauf ab, Rezepte für gängige Layoutmuster zusammenzubringen, die Sie möglicherweise auf Ihren Websites umsetzen müssen. Zusätzlich zum Bereitstellen von Code, den Sie als Ausgangspunkt für Ihre Projekte verwenden können, heben diese Rezepte die verschiedenen 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