← Zurück
🎨

CSS

Cascading Style Sheets - Das Design des Web

Was ist CSS?

CSS macht deine Webseite schön! Es kontrolliert Farben, Schriften, Abstände und Layout. Wenn HTML das Skelett ist, dann ist CSS die Kleidung und das Make-up.

CSS Syntax

h1 {
    color: blue;
    font-size: 32px;
    text-align: center;
}

Selektor (h1) - Welches Element?

Eigenschaft (color) - Was ändern?

Wert (blue) - Wie ändern?

Wichtige CSS-Eigenschaften

color
Textfarbe
background
Hintergrundfarbe
font-size
Schriftgröße
padding
Innenabstand
margin
Außenabstand
border
Rahmen
display
Anzeigetyp
flex
Flexibles Layout

🎮 Interaktive Demo: Farben ändern

Klicke auf die Buttons, um die Farbe der Box zu ändern!

CSS Box

Was passiert hier?

JavaScript ändert die background-color CSS-Eigenschaft. Der Browser rendert die Änderung sofort!

CSS Code Beispiel

.my-box {
    background: linear-gradient(135deg, #667eea, #764ba2);
    padding: 2rem;
    border-radius: 12px;
    color: white;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
}

Was kommt als nächstes?

Mit HTML und CSS kannst du schöne Seiten bauen. Aber für echte Interaktivität brauchst du JavaScript!

Weiter zu JavaScript → Zurück zur Übersicht