Quiz Meet 2 WEB

hover dalam CSS digunakan untuk…

• Mengubah layout elemen

• Menambahkan efek saat mouse klik

• Menambahkan style saat cursor berada di atas elemen

• Mengubah warna teks setelah diklik

• Memfilter konten pada halaman

Bagaimana cara menerapkan style ke setiap elemen <li> yang posisinya genap dalam daftar menggunakan pseudo-class?

• li:odd

• li:first-child

• li:nth-child(odd)

• li:nth-child(even)

• li:last-child

Apa yang terjadi ketika properti position diatur ke absolute?

• Elemen diletakkan relatif terhadap viewport

• Elemen diletakkan relatif terhadap elemen terdekat yang tidak static

• Elemen diletakkan di aliran normal dokumen

• Elemen tetap di tempat saat halaman discroll

• Elemen diletakkan relatif terhadap elemen induknya yang posisinya tidak static

Jika ingin elemen selalu tetap di posisi tertentu saat pengguna scroll halaman, Anda harus menggunakan position ?

• Relative

• Static

• Absolute

• Fixed

• Sticky

Properti display: none; akan?

• Menyembunyikan elemen tanpa menghapus ruang yang ditempati

• Menyembunyikan elemen dan menghapus ruang yang ditempati

• Membuat elemen transparan

• Membuat elemen tidak dapat diinteraksi

• Menampilkan elemen dalam satu baris

Apa property display dari tag <span> pada HTML?

• block

• none

• table-row

• inline

• flex

Untuk mengatur arah item-item di dalam container Flexbox menjadi vertikal, gunakan property…

• flex-direction: column;

• flex-direction: row;

• flex-wrap: wrap;

• align-items: stretch;

• justify-content: center;

Apa fungsi dari justify-content dalam Flexbox?

• Mengatur distribusi ruang antar item secara horizontal

• Mengatur distribusi ruang antar item secara vertikal

• Menentukan bagaimana item harus menyusut

• Menentukan bagaimana item harus tumbuh

• Menentukan bagaimana item harus diatur dalam baris

Dalam CSS Grid, properti apa yang digunakan untuk menentukan jumlah dan ukuran kolom dalam grid?

• grid-row-template

• grid-template-columns

• grid-column-gap

• grid-area

• grid-auto-flow

Bagaimana cara menempatkan item pada baris kedua dan kolom kedua dalam grid?

• grid-column: 2; grid-row: 2;

• grid-area: 2 / 2;

• grid-column-start: 2; grid-row-start: 2;

• Pilihan A dan B benar

• Pilihan A, B, dan C benar