Display and Positioning
In this course, you will learn CSS rules for displaying and positioning elements on your web page.
StartKey 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