CSS

CSS (Cascading Style Sheets, zu deutsch „Kaskadierende Stilvorlagen“) ist eine Formatierungssprache für HTML- und XML-Dokumente. Warum Sie Layouts mit CSS einsetzen sollten, wird in diesem Artikel genauer erläutert.

Inhalte, die durch HTML strukturiert werden, besitzen bereits einige vom Browser vorgegebene Formatierungen. Zum Beispiel sind Überschriften groß und fett oder Hyperlinks blau und unterstrichen. Mit Hilfe von CSS kann die Darstellung von HTML- und XML-Dokumenten auf vielfältige Art verändert werden.

Grundlagen

• Syntax (Einstieg in den Aufbau von CSS)
• Stylesheets in Dokumente einbinden
• Das Box-Modell
• Medienabfragen (Media Queries)

Selektoren

• einfache Selektoren
• Kombinatoren
• Pseudoelemente
• Pseudoklassen

Eigenschaften

• Schriftbild
• Textformatierung
• Textausrichtung
• Rahmen und Schatten
• Hintergrundfarben und -bilder
• Animationen
• Flexbox
• Grid Layout

Anwendung und Praxis

• Layouts mit CSS - Warum CSS?
• responsive Bilder
• Listen mit hybrider Numerierung
• responsive Tabellen
• Bildwechsler
• …

weiterführendes Wissen

• die Kaskade
• @-Regeln
• Erlaubte Wertetypen
• Namensräume und Selektoren
• Wertvarianten und Vererbung
• Arbeit mit Variablen
• Mixins mit @apply

Diese Layoutvorschläge dürfen Sie gern verwenden:

• fertige Layouts

Präprozessoren erleichtern einem die Arbeit:

• ACSS
• SASS