Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

YouTube

CSS Position Property Tutorial for Beginners - Absolute, Relative, Fixed, Sticky

Dave Gray via YouTube

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

Reviews

Start your review of CSS Position Property Tutorial for Beginners - Absolute, Relative, Fixed, Sticky

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.