HTML & CSS LayoutLesson 21Preview gratis
Positioning & Z-Index
Lesson ini bagian dari Intro to HTML & CSS · Semua level
Ringkasan
Pelajaran ini membahas kontrol posisi elemen: static, relative, absolute, fixed, dan sticky, serta properti offset seperti top dan left. Kamu juga belajar tentang z-index untuk mengatur tumpukan elemen yang saling menumpang tindih. Pemosisian yang tepat membuka pola tata letak seperti header menempel dan lencana pada kartu.
Poin kunci
- relative menggeser elemen dari posisi aslinya; absolute relatif ke induk ber-position
- fixed menempel pada viewport; sticky menempel saat scroll dalam induknya
- z-index mengatur urutan tumpukan pada elemen ber-position
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.