CSS Position Fundamentals: Fixed & Sticky (englisch)

Möchten Sie Weblayouts erstellen, in denen bestimmte Elemente wie Navigationsleisten oder Call-to-Action-Buttons immer sichtbar bleiben, unabhängig davon, wie der Benutzer scrollt? Dieser Kurs vermittelt Ihnen ein solides Verständnis der CSS-Positionierung, sodass Sie feste und klebrige Elemente entwerfen können, die die Benutzerfreundlichkeit und die Navigation auf der Seite verbessern. Was Sie lernen werden: * Lernen Sie die Grundkonzepte der CSS-Positionierung, einschließlich statischer, relativer und absoluter. * Verstehen, wie `position: fixed` funktioniert, um Elemente im Ansichtsfenster verankert zu halten. * Verwenden Sie `position: sticky`, um Elemente zu erstellen, die von relativem zu festem Scrollen übergehen. * Üben Sie die Eigenschaften `top`, `right`,`bottom` und `left` mit positionierten Elementen. * Erstellen Sie gemeinsame UI-Muster wie feste Kopfzeilen, Fußzeilen und Seitenleisten. * Verstehen Sie `z-index` für die Verwaltung von Elementstapeln und Schichten. * Grundlegende Überlegungen zur Barrierefreiheit für feste und klebrige Elemente implementieren. Der Kurs beginnt mit grundlegenden CSS-Positionierungskonzepten, geht dann zu detaillierten Erklärungen und praktischen Übungen für "feste" und "haftende" Positionierung über und gipfelt in fortgeschrittenen Layouttechniken. Dieser Kurs ist für absolute Anfänger in Webentwicklung und CSS gedacht, ohne dass Vorkenntnisse in Positionierung erforderlich sind. Erstellen Sie noch heute dynamischere und ansprechendere Weboberflächen.