Logo
search
menuicon
Kuis yang dibuat dengan peta eksklusif Pro Plan
Kuis terkunci karena Paket PRO telah berakhir
thubnail
Hutan Ajaib
Permainan Tim

CSS#2

Shalahuddin gi
47
Pertanyaan yang ditambahkan (20/ 20)
Izinkan jawaban yang salah
Sembunyikan jawaban
public kuis

Pertanyaan 1

Pilihan ganda

Apa fungsi dari 'display: flex;' dalam CSS?

  • Mengatur teks menjadi tebal
  • Menggunakan Flexbox untuk mempermudah posisi elemen
  • Menambahkan latar belakang
  • Mengubah warna teks

Pertanyaan 2

Pilihan ganda

Bagaimana cara menengahkan elemen secara horizontal menggunakan Flexbox?

  • align-items: center;
  • justify-content: flex-start;
  • justify-content: center;
  • align-content: space-around;

Pertanyaan 3

Pilihan ganda

Apa yang dilakukan oleh properti 'align-items: center;' dalam Flexbox?

  • Mengatur elemen di bawah satu sama lain
  • Menengahkan elemen secara vertikal
  • Memindahkan elemen ke kanan
  • Mengubah ukuran font

Pertanyaan 4

Pilihan ganda

Apa arti dari 'height: 100vh;' dalam CSS?

  • Menyesuaikan tinggi elemen dengan tinggi viewport
  • Mengatur lebar elemen menjadi 100 piksel
  • Mengatur tinggi elemen menjadi 100 piksel
  • Mengubah warna latar belakang

Pertanyaan 5

Pilihan ganda

Apa yang terjadi pada elemen saat menggunakan animasi @keyframes dengan 0% { transform: rotateZ(0deg); } dan 100% { transform: rotateZ(90deg); }?

  • Elemen berubah warna
  • Elemen berputar 90 derajat
  • Elemen berpindah ke atas
  • Elemen menghilang

Pertanyaan 6

Pilihan ganda

Berapa lama durasi animasi yang diterapkan pada kelas .box?

  • 1 detik
  • 1.5 detik
  • 2 detik
  • 3 detik

Pertanyaan 7

Pilihan ganda

Apa warna latar belakang dari elemen .box dalam kode CSS yang diberikan?

  • Biru
  • Hijau
  • Merah
  • Kuning

Pertanyaan 8

Pilihan ganda

Apa fungsi dari 'margin: 0;' pada elemen body dalam CSS?

  • Mengatur jarak antar elemen
  • Menghilangkan margin default pada body
  • Menambah padding pada body
  • Mengatur tinggi body

Pertanyaan 9

Pilihan ganda

Apa kegunaan dari 'background-color: black;' dalam kode CSS body?

  • Membuat teks menjadi tebal
  • Mengatur warna latar belakang menjadi hitam
  • Menambah bayangan pada elemen
  • Mengubah ukuran elemen

Pertanyaan 10

Pilihan ganda

Bagaimana cara membuat elemen berputar tanpa henti menggunakan CSS?

  • Dengan menggunakan transform: scale();
  • Dengan menambahkan 'animation: <durasi> infinite <keyframes_name>;' pada CSS
  • Dengan 'background-color: rotate();'
  • Dengan 'align-content: rotate();'

Pertanyaan 11

OX

Flexbox digunakan untuk mempermudah posisi elemen dalam CSS.

Pertanyaan 12

OX

justify-content: center; digunakan untuk menengahkan elemen secara vertikal.

Pertanyaan 13

OX

align-items: center; digunakan untuk menengahkan elemen secara vertikal.

Pertanyaan 14

OX

height: 100vh; menyesuaikan tinggi elemen dengan tinggi viewport.

Pertanyaan 15

OX

@keyframes anim digunakan untuk mendefinisikan animasi dalam CSS.

Pertanyaan 16

OX

Transformasi rotateZ(90deg) memutar elemen sebanyak 90 derajat.

Pertanyaan 17

OX

Elemen .box memiliki animasi yang berulang setiap 1.5 detik.

Pertanyaan 18

OX

background-color: black; mengatur warna latar belakang menjadi merah.

Pertanyaan 19

OX

Elemen .box memiliki tinggi dan lebar masing-masing 100px.

Pertanyaan 20

OX

margin: 0; menghilangkan margin default dari elemen body.

Bagikan ke Google Classroom