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 ist. 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 in Webbrowsern standardisiert gemäß den W3C-Spezifikationen. Zuvor wurde die Entwicklung verschiedener Teile der CSS-Spezifikation synchron durchgeführt, was die Versionierung der neuesten Empfehlungen ermöglichte. Sie haben möglicherweise von CSS1, CSS2.1 oder sogar CSS3 gehört. Es wird niemals ein CSS3 oder ein CSS4 geben; vielmehr ist jetzt alles einfach "CSS" mit einzelnen CSS-Modulen, die Versionsnummern haben.

Nach CSS 2.1 wurde der Umfang der Spezifikation erheblich erweitert, und der Fortschritt in verschiedenen CSS-Modulen begann sich so stark zu unterscheiden, dass es effektiver wurde, Empfehlungen separat pro Modul zu entwickeln und zu veröffentlichen. Anstelle der Versionierung der CSS-Spezifikation macht das W3C nun regelmäßig einen Schnappschuss des neuesten stabilen Standes der CSS-Spezifikation und des Fortschritts einzelner Module. CSS-Module haben nun Versionsnummern oder Levels, wie z.B. CSS Color Module Level 5.

Einsteiger-Tutorials

Ihre erste Website: Styling des Inhalts

Dieser Artikel bietet eine kurze Einführung in CSS und wie man es verwendet, und richtet sich an Personen, die völlig neu in der Webentwicklung sind.

CSS Styling-Grundlagen

Unser CSS-Grundlagenmodul in der Sektion Lernen Sie Webentwicklung lehrt die Grundlagen von CSS von Grund auf.

CSS Textgestaltung

Hier betrachten wir die Grundlagen wie das Setzen von Schriftarten, Fettgedrucktheit, Kursivierung, Zeilen- und Buchstabenzwischenräume, Schlagschatten und andere Textmerkmale. Wir runden das Modul ab, indem wir das Anwenden benutzerdefinierter Schriften auf Ihrer Seite sowie das Styling von Listen und Links betrachten.

CSS-Layout

Jetzt ist es an der Zeit, sich anzusehen, wie Sie Ihre Boxen korrekt zueinander und zum Viewport des Browsers anordnen. Dieses Modul befasst sich mit Floats, Positionierung, anderen modernen Layout-Werkzeugen und dem Erstellen responsiver 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 Layout-Muster zusammenzubringen, die Sie vielleicht auf Ihren Webseiten umsetzen müssen. Zusätzlich zur Bereitstellung von Code, den Sie als Ausgangspunkt in Ihren Projekten verwenden können, heben diese Rezepte die verschiedenen Möglichkeiten hervor, wie Layoutspezifikationen verwendet werden können und die Entscheidungen, die Sie als Entwickler treffen können.

Werkzeuge für die CSS-Entwicklung

Meta-Bugs

Siehe auch