Kursinhalt
Fortgeschrittene CSS-Techniken
Fortgeschrittene CSS-Techniken
2. Elementpositionierung
Was Ist Positionierung?Relative PositionierungHerausforderung: Relative PositionierungAbsolute PositionierungHerausforderung: Absolute PositionierungFeste PositionierungHerausforderung: Feste PositionierungSticky-PositionierungHerausforderung: Sticky PositionierungStapelreihenfolgeHerausforderung: StapelreihenfolgeInhaltsüberlauf
Übergangskombination
Wir können alle Übergangseigenschaften in einer Zeile kombinieren.
Stellen wir uns vor, wir müssen einer Element eine Übergangseigenschaft hinzufügen. Wir erwarten:
- die Änderung der
background-color
-Eigenschaft; - die Zeitdauer beträgt
1.2s
; - die Zeitfunktion muss
ease-in-out
sein; - die Verzögerung beträgt
250ms
.
Lange Form
Kurzform
Hinweis
Es gibt keinen Unterschied in der Syntax für den Browser. Wir können jede Option auswählen, die uns besser gefällt.
War alles klar?
Danke für Ihr Feedback!
Abschnitt 3. Kapitel 6