wayground logo

Free Printable Worksheets

NEW

Font size

S
M
L
XL
Worksheets

[FE] Ice Breaking - Tailwind CSS Essentials

Total questions: 10

Worksheet time: 5mins

Name
Class
Date
1.

Bagaimana Flexbox di Tailwind CSS membantu dalam pengaturan layout?

a)

Mempercepat waktu loading halaman.

b)

Membantu dalam membuat layout yang responsif dengan mudah mengatur elemen secara horizontal atau vertikal.

c)

Memberikan efek animasi pada elemen.

d)

Meningkatkan kualitas gambar.

2.

Apa kegunaan sistem Grid dalam Tailwind CSS?

a)

Memfilter konten pada halaman web.

b)

Membuat gradient background.

c)

Membagi area halaman menjadi kolom dan baris untuk menyusun konten secara rapi.

d)

Membuat teks menjadi lebih besar.

3.

Bagaimana Tailwind CSS memudahkan pengaturan responsivitas dengan Flexbox dan Grid?

a)

Dengan menyediakan kelas khusus untuk animasi.

b)

Menawarkan kelas utilitas yang memungkinkan pembuatan layout yang fleksibel dan responsif dengan mudah, tanpa perlu menulis CSS tambahan.

c)

Melalui pengaturan typografi yang komprehensif.

d)

Menggunakan filter untuk menyesuaikan tampilan pada berbagai ukuran layar.

4.

Untuk apa spacing digunakan dalam Tailwind CSS?

a)

Membuat border pada elemen.

b)

Mengatur jarak dan padding antar elemen untuk meningkatkan keterbacaan dan estetika tampilan.

c)

Menambahkan efek bayangan pada elemen.

d)

Menyaring elemen berdasarkan kriteria tertentu.

5.

Bagaimana cara menyesuaikan ukuran elemen di Tailwind CSS?

a)

Dengan menggunakan filter untuk memodifikasi tampilan elemen.

b)

Melalui pengaturan typografi.

c)

Menggunakan kelas ukuran yang beragam untuk mengontrol lebar, tinggi, dan ukuran maksimum elemen.

d)

Mengubah warna background elemen.

6.

Apa tujuan dari pengaturan typografi di Tailwind CSS?

a)

Untuk menambahkan border pada teks.

b)

Memudahkan pengaturan font, ukuran, berat, dan spasi teks, sehingga teks menjadi lebih mudah dibaca dan estetis.

c)

Untuk membuat teks bergerak.

d)

Mengubah teks menjadi gambar.

7.

Bagaimana cara mengatur background elemen di Tailwind CSS?

a)

Dengan menambahkan efek khusus pada teks.

b)

Melalui pengaturan border dan outline elemen.

c)

Menggunakan kelas background untuk menentukan warna, gambar, dan gradasi.

d)

Mengatur spacing antar elemen.

8.

Apa fungsi dari pengaturan border di Tailwind CSS?

a)

Membuat elemen bergerak.

b)

Mengatur ketebalan, warna, dan gaya border elemen untuk meningkatkan estetika dan membedakan antar elemen.

c)

Mengubah ukuran elemen.

d)

Menambahkan filter pada gambar.

9.

Bagaimana Filters dapat mempengaruhi tampilan elemen di Tailwind CSS?

a)

Dengan mengubah posisi elemen.

b)

Melalui penggunaan efek seperti blur, brightness, dan contrast untuk meningkatkan visual elemen.

c)

Mengatur ukuran teks.

d)

Menambahkan background pada teks.

10.

Apa tujuan dari penggunaan efek dalam Tailwind CSS?

a)

Untuk mempercepat loading halaman.

b)

Menambahkan visual seperti shadow dan opacity untuk menonjolkan atau memberikan kedalaman pada elemen.

c)

Mengatur layout halaman.

d)

Mengubah warna teks.