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-Dialekte wie SVG, MathML oder XHTML) geschrieben ist. CSS beschreibt, wie Elemente auf dem Bildschirm, auf Papier, in Sprache oder auf anderen Medien gerendert werden sollen.

CSS gehört zu den Kernsprachen des offenen Webs und ist über Webbrowser hinweg gemäß den W3C-Spezifikationen standardisiert. Früher wurde die Entwicklung der verschiedenen Teile der CSS-Spezifikation synchron durchgeführt, was die Versionierung der neuesten Empfehlungen ermöglicht hat. Sie haben vielleicht von CSS1, CSS2.1 oder sogar CSS3 gehört. Es wird niemals ein CSS3 oder CSS4 geben; vielmehr ist jetzt alles einfach "CSS", wobei einzelne CSS-Module Versionsnummern haben.

Nach CSS 2.1 hat sich der Umfang der Spezifikation erheblich erweitert und der Fortschritt bei den verschiedenen CSS-Modulen begann so stark zu variieren, dass es effektiver wurde, Empfehlungen separat pro Modul zu entwickeln und zu veröffentlichen. Anstatt die CSS-Spezifikation zu versionieren, nimmt das W3C nun regelmäßig eine Momentaufnahme des letzten stabilen Zustands der CSS-Spezifikation und der Fortschritte einzelner Module. CSS-Module haben nun Versionsnummern oder Level, wie z.B. CSS Color Module Level 5.

Einsteiger-Tutorials

Ihre erste Webseite: Styling des Inhalts

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

Grundlagen der CSS-Styling

Das CSS-Grundlagenmodul unseres Leitfadens zur Webentwicklung lehrt die Grundlagen von CSS von Grund auf.

CSS-Textformatierung

Hier betrachten wir die Grundlagen, einschließlich der Einstellung von Schriftart, Fettigkeit, Kursivschrift, Zeilen- und Buchstabenabstand, Schlagschatten und anderen Textmerkmalen. Wir schließen das Modul ab, indem wir anpassen, welche Schriftarten auf Ihrer Seite angewendet werden und wie man Listen und Links stylt.

CSS-Layout

Jetzt ist es an der Zeit zu erfahren, wie Sie Ihre Boxen korrekt im Verhältnis zueinander und zum Ansichtsbereich des Browsers layouten. Dieses Modul betrachtet Floats, Positionierung, andere moderne Layout-Tools und den Aufbau 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 hat das Ziel, Rezepte für häufig verwendete Layoutmuster zusammenzuführen, die Sie möglicherweise auf Ihren Websites implementieren müssen. Neben dem 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 genutzt werden können, und welche Entscheidungen Sie als Entwickler treffen können.

Werkzeuge für die CSS-Entwicklung

Meta-Fehler

Siehe auch