NEW
Font size
WorksheetsQuiz css lanjutan
Total questions: 10
Worksheet time: 8mins
Apa tujuan utama dari pembelajaran CSS Lanjutan?
Mendesain halaman statis
Menggunakan warna yang menarik
Menguasai teknik positioning, Flexbox, dan Grid
Membuat animasi sederhana
Apa fungsi dari properti position: relative; pada CSS?
Menghapus elemen dari dokumen
Menempatkan elemen relatif terhadap posisi normalnya
Mengunci posisi elemen di layar
Menyembunyikan elemen
Flexbox adalah sistem layout yang bekerja pada…
Dua dimensi (baris dan kolom)
Satu dimensi (baris atau kolom)
Tiga dimensi
Layout berbasis tabel
Properti flex-grow berfungsi untuk…
Menentukan apakah item dibungkus ke baris baru
Mengatur arah utama kontainer
Menentukan tinggi awal item
Menentukan kemampuan item untuk tumbuh jika ada ruang sisa
CSS Grid digunakan untuk membuat layout…
Dua dimensi
Satu dimensi
Hanya untuk navigasi
Hanya untuk perataan vertikal
Unit fr dalam CSS Grid digunakan untuk…
Menentukan ukuran tetap
Menentukan ukuran relatif terhadap layar
Memungkinkan kolom mengambil fraksi ruang yang tersedia
Menentukan ukuran dalam piksel
Properti grid-column: 1 / span 2; berarti…
item dimulai di kolom ke-1 dan mencakup 2 kolom
Item hanya berada di kolom pertama
Item dimulai di kolom ke-2
Item ditampilkan di semua kolom
Kapan sebaiknya menggunakan Flexbox daripada Grid?
Saat membuat struktur halaman utama
Saat mengatur item dalam satu arah (baris atau kolom)
Saat membutuhkan dua dimensi layout
Saat membuat grid kompleks
Properti z-index digunakan untuk…
Mengatur jarak antar elemen
Menentukan urutan tumpukan elemen
Mengatur ukuran border
Mengatur warna latar belakang
Kombinasi Flexbox dan Grid bermanfaat untuk…
Membuat layout yang kaku
Menyusun desain statis
Membuat desain yang kuat dan responsif
Menghilangkan posisi absolut
