CSS-Grundlagen: Übersicht Beispiele

Einbinden von CSS

• Externe CSS-Datei
• Internes CSS
• Inline-CSS

Positionierung

• Static vs Relative
• Absolute
• Fixed
• Sticky

Selektoren

• ID- und Klassen-Selektor
• Zwei Arten von Klassenselektoren
• Nachfahrenselektor

Eigenschaft display

• Block vs Inline
• Element unsichtbar machen

Abstände

• Innenabstände (Eigenschaft padding)
• Außenabstände (Eigenschaft margin)

Flexbox

• Flex-Container: horizontal vs vertikal
• Flex-Container: Umbrechen (Eigenschaft flex-wrap)
• Flex-Container: Flex-Items entlang Hauptachse ausrichten (Eigenschaft justify-content)
• Flex-Container: Flex-Items entlang Querachse ausrichten (Eigenschaft align-items)
• Flex-Items mit Eigenschaft flex-grow
• Flex-Items mit Eigenschaft flex-shrink

Schatten

• Schatten mit box-shadow
• Schatten mit text-shadow

Verschiedenes

• Vererbung
• Farben
• Eigenschaft float:right
• Box-Modell mit box-sizing