WorksheetsMenerapkan CSS Lanjutan
Total questions: 10
Worksheet time: 50mins
Properti CSS yang digunakan
untuk mengatur elemen agar sejajar
secara horizontal menggunakan Flexbox...
display: flex;
display: inline;
display: block;
display: grid;
Bagian .navbar menggunakan properti
display: flex;
Fungsi utama Flexbox disini adalah untuk...
Mengatur poses elemen agar sejajar dan mudah diatur tata letaknya
Menyusun elemen agar rapi ke bawah sesuai urutan HTML
Mengatur posisi elemen agar sejajar tanpa mengubah ukurannya
Menempatkan elemen agar rata di tengah halaman tanpa pengaturan lanjutan
Fungsi utama :root adalah...
Menentukan variabel hanya untuk elemen tertentu
Menyimpan variabel yang bisa dipakai diseluruh dokumen
Menghapus variabel CSS
Membuat warna menjadi transparan
display: grid;
grid-template-columns: repeat(3, 1fr);
artinya:
Membagi halaman menjadi 3 baris vertikal
Membuat 3 kolom dengan lebar sama rata
Mengatur elemen menjadi 3 baris horizontal
Mengatur jarak antar elemen ke 3 piksel
transition: background-color 0,3s ease,
Efek ini akan aktif ketika...
Halaman dimuat pertama kali
Elemen di klik oleh pengguna
Elemen di-hover atau diubah tampilannya
Browser diperbesar atau ukuran layar diubah
Selector manakah yang digunakan untuk
memberi gaya pada tautan
ketika kursor diarahkan ke atasnya?
a: focus
a: visited
a: hover
a: active
Apa yang digunakan untuk membuat efek transisi pada item grid?
Animation
Filter
Transform
Transition
Apa yang terjadi lika kursor diarahkan ke .grid-item?
Warna background berubah sedikit tanpa efek transisi
Tidak terjadi perubahan apapun
Teks berubah warna, tapi tanpa perubahan latar belakang
Warna background dan teks berubah dengan efek transisi halus
Fungsi dari pseudo-element : :after pada .navbar a adalah...
Menambahkan teks tambahan didepan elemen
Menambahkan tanda panah (>) di belakang setiap link navbar
Mengubah warna link menjadi hijau
Menghapus dekorasi link
Apa fokus utama CSS Lanjutan?
Layout tetap, desain warna, dan animasi sederhana
Layout fleksibel, kecepatan loading, dan tampilan menarik
Layout responsif, performa, dan fitur modern untuk pengembangan web profesional
Mengatur struktur dasar dan konten halaman web
