Font size
WorksheetsProduktif - B (CSS)
Total questions: 15
Worksheet time: 8mins
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'>
Properti CSS mana yang digunakan untuk mengatur ukuran font?
text-size
font-size
font-style
text-font
Apa yang dimaksud dengan float dalam CSS?
Mengatur warna teks
Menentukan ukuran elemen
Menambahkan efek bayangan pada elemen
Menempatkan elemen di sebelah kiri atau kanan
Manakah dari berikut ini yang merupakan cara yang benar untuk mengatur jarak antar elemen menggunakan CSS?
gap: 10px;
padding: 10px;
margin: 10px;
space: 10px;
Properti CSS mana yang digunakan untuk mengatur transparansi elemen?
transparency
display
visibility
opacity
Seorang developer ingin menampilkan gambar sebagai latar belakang halaman website. Dia ingin gambar tersebut menyesuaikan ukuran layar pengguna tanpa terpotong atau terdistorsi.
Properti CSS mana yang paling tepat digunakan?
Menggunakan background-position: left; agar gambar selalu berada di sisi kiri halaman.
Menggunakan background-attachment: fixed; agar gambar tetap diam saat pengguna menggulir halaman.
Menggunakan background-repeat: repeat; agar gambar terus berulang di seluruh halaman.
Menggunakan background-size: cover; agar gambar menyesuaikan ukuran layar tanpa terdistorsi.
