Produktif - B (CSS)

Apa singkatan dari CSS?

• Cascading Style Sheets

• Cascading Sheet Styles

• Cascading Script Styles

• Cascading Style System

Apa perbedaan antara CSS dan HTML?

• CSS mengatur struktur, HTML mengatur tampilan

• HTML mengatur struktur, CSS mengatur tampilan

• Keduanya memiliki fungsi yang sama

• CSS tidak memerlukan HTML

Pernyataan yang benar tentang CSS

• CSS tidak bisa berdiri sendiri, bahasa ini memerlukan HTML sebagai “alas”-nya. CSS dan HTML bekerja sama untuk mengubah tampilan halaman website dan user interface.

• Jika HTML diibaratkan sebagai komponen mesin mobil, CSS adalah model dan cat badan mobilnya. Tanpa CSS, tampilan website tidak akan cantik dan memanjakan mata pengguna.

• CSS menentukan bagaimana elemen harus ditampilkan di layar pengguna. Ini mencakup penentuan warna, layout, penempatan teks, dan banyak lainnya.

• Semua jawaban benar

Seorang web developer ingin mengubah warna latar belakang halaman web menjadi biru muda dan teks menjadi putih. Kode CSS mana yang benar?

• background-color: blue; color: #222;
  

• background-color: lightblue; color: #222;
  

• color: lightblue; background: white;
  

• bgcolor: blue; textcolor: #222;

Jika seorang developer ingin membuat teks pada elemen <h1> menjadi rata tengah, properti CSS mana yang harus digunakan?

• text-align: center;
  

• align: center;
  

• text-style: center;
  

• position: center;

Properti CSS yang digunakan untuk mengatur spasi di dalam elemen (antara konten dan border) adalah:

• margin

• spacing

• padding

• gap

Berikut adalah tampilan sebuah elemen div:

🟦 "Halo, saya teks berwarna putih dengan latar biru!"

Kode CSS mana yang digunakan untuk menghasilkan tampilan di atas?

• 
• 
• 
• 

Berikut adalah tampilan sebuah tombol di halaman web:

🔵 [Klik Saya] (Tombol berbentuk bulat dengan latar biru dan teks putih)

Kode CSS mana yang digunakan untuk membuat tombol seperti ini?

• 
• 
• 
• 

Apa fungsi dari properti border dalam CSS?

• Menentukan ukuran elemen

• Menambahkan garis di sekitar elemen

• Menentukan jarak antar elemen

• Mengatur warna teks

Manakah dari berikut ini yang merupakan cara yang benar untuk mengimpor file CSS eksternal?

• <import href='styles.css'>

• <css src='styles.css'>

• <style src='styles.css'>

• <link rel='stylesheet' href='styles.css'>