Display and Positioning
In this course, you will learn CSS rules for displaying and positioning elements on your web page.
Start
Key Concepts
Review core concepts you need to learn to master this subject
CSS z-index property
Fixed CSS Positioning
CSS display property
CSS position: absolute
CSS position: relative
CSS float property
The CSS clear property
CSS z-index property
CSS z-index property
//`element1` will overlap `element2`
.element1 {
position: absolute;
z-index: 1;
}
.element2 {
position: absolute;
z-index: -1;
}The CSS z-index property specifies how far back or how far forward an element will appear on a web page when it overlaps other elements.
The z-index property uses integer values, which can be positive or negative values. The element with the highest z-index value will be at the foreground, while the element with the lowest z-index value will be at the back.
What you'll create
Portfolio projects that showcase your new skills
How you'll master it
Stress-test your knowledge with quizzes that help commit syntax to memory
Display and Positioning
Start