Kuis Dasar CSS

CSS digunakan dalam pengembangan web untuk...

• Menyusun struktur konten web seperti teks dan gambar

• Menambahkan interaksi pada halaman web

• Mengatur gaya dan tampilan halaman web

• Mengelola database untuk halaman web

Anda ingin membuat tampilan pada halaman web yang mengubah warna teks hanya ketika kursor berada di atas teks tersebut. Selector mana yang paling tepat digunakan untuk mencapai efek ini?

• Element selector

• Class selector

• Pseudo selector

• ID Selector

Anda ingin membuat elemen gambar sebagai latar belakang sebuah elemen dalam halaman web. Atribut CSS mana yang paling tepat untuk digunakan?

• background-image

• image-background

• img-url

• src-background

Untuk meningkatkan efisiensi kode CSS dan mengelompokkan elemen secara spesifik, selector mana yang paling tepat digunakan jika ingin mengubah tampilan semua elemen p dan h1 di dalam elemen div tertentu?

• p, h1

• div > p, h1

• div p, h1

• div p, div h1

Jika Anda ingin memberikan gaya yang sama pada elemen h1, h2, dan h3 agar mereka memiliki warna dan ukuran teks yang seragam, apa cara paling efisien dalam penulisan CSS?

• Menuliskan gaya terpisah untuk h1, h2, dan h3

• Menggunakan selector tunggal untuk setiap elemen

• Menggabungkan elemen menggunakan koma sebagai separator

• Menambahkan setiap elemen ke dalam class yang sama

Untuk mengatur ruang di sekitar konten dalam batas elemen, atribut CSS yang sebaiknya digunakan adalah...

• padding

• margin

• border

• position

Untuk mengatur jenis font yang digunakan pada teks di halaman web, atribut CSS yang digunakan adalah...

• font-style

• font-family

• text-align

• font-size

Anda ingin mengelompokkan beberapa elemen dalam satu bagian sehingga tampilannya lebih mudah diatur. Selector yang tepat untuk tujuan ini adalah...

• class selector

• ID selector

• div selector

• attribute selector

Saat membuat halaman web yang responsif, elemen berikut ini penting ditambahkan untuk memastikan tampilan beradaptasi dengan layar perangkat:

• Meta viewport tag

• Fixed width

• Absolute position

• Static width

Anda sedang mendesain halaman web dengan daftar menu kafe. Klien meminta agar setiap item menu menampilkan warna latar belakang yang berbeda ketika pengguna mengarahkan kursor ke setiap item, serta agar tampilannya hanya diterapkan pada elemen div tertentu yang berisi daftar menu tersebut. Selector apa yang paling tepat digunakan untuk mencapai efek ini?

• Menggunakan element selector untuk memilih elemen menu secara langsung dan menambahkan efek hover di semua elemen

• Menggunakan multiple element selector untuk setiap item menu dengan kombinasi class yang unik untuk mengatur efek hover

• Menggunakan nested selector untuk menargetkan elemen div tertentu yang berisi daftar menu, lalu menerapkan pseudo selector :hover pada setiap item

• Menggunakan pseudo selector :hover pada elemen div untuk mengubah warna seluruh daftar menu sekaligus