Learn Generative AI, Prompt Engineering, and LLMs for Free
Learn AI, Data Science & Business — Earn Certificates That Get You Hired
Overview
Google, IBM & Meta Certificates – 40% Off
One Coursera Plus subscription covers most Professional Certificates on Coursera.
Unlock All Certificates
This beginner tutorial explains the CSS position property values static, absolute, relative, fixed, and sticky through browser examples and a mini-project. It also covers z-index, accessibility considerations, fixed or sticky page elements, and smooth scrolling.
Syllabus
Intro
Welcome
Setup & Starter Code Review
position: static
position: absolute
position: relative
position: fixed
Element overlap and z-index
position: sticky
Accessibility with position: absolute
Mini-project starter code
Section, header, footer styles
Headers with position: sticky
Choosing a fixed or sticky footer
Adding a fixed social button
Smooth scrolling between sections
Taught by
Dave Gray