wayground logo

Free Printable Worksheets

NEW

Font size

S
M
L
XL
Worksheets

Codean - layouting css

Total questions: 17

Worksheet time: 9mins

Name
Class
Date
1.

Apa yang dimaksud dengan CSS?

a)

Cascading Script Sheets

b)

Computer Style Sheets

c)

Cascading Style Sheets

d)

Creative Style Sheets

2.

Apa fungsi utama dari CSS?

a)

Mengelola database

b)

Membuat konten interaktif

c)

Mengatur tampilan halaman web

d)

Menulis kode backend

3.

Apa yang dimaksud dengan Flexbox?

a)

Sistem manajemen konten

b)

Sistem layout untuk mengatur elemen

c)

Sebuah framework CSS

d)

Metode pengkodean JavaScript

4.

Apa yang harus ditambahkan untuk membuat elemen menjadi flex container?

a)

display: flex;

b)

flex-direction: row;

c)

align-items: center;

d)

justify-content: space-between;

5.

Apa yang dilakukan oleh properti flex-wrap?

a)

Mengatur elemen untuk turun ke baris berikutnya

b)

Mengubah arah elemen

c)

Mengatur ukuran elemen

d)

Menambahkan margin pada elemen

6.

Apa yang dimaksud dengan 'align-items' dalam Flexbox?

a)

Mengatur perataan elemen secara horizontal

b)

Mengatur perataan elemen secara vertikal

c)

Menambahkan efek transisi

d)

Menentukan ukuran elemen

7.

Apa yang dilakukan oleh 'justify-content'?

a)

Mengatur perataan elemen secara horizontal

b)

Mengatur perataan elemen secara vertikal

c)

Menentukan ukuran elemen

d)

Menambahkan padding pada elemen

8.

Apa yang dimaksud dengan 'flex-direction'?

a)

Menambahkan efek hover

b)

Mengatur warna latar belakang

c)

Mengatur ukuran konten

d)

Menentukan arah urutan konten

9.

Apa yang terjadi jika 'flex-wrap' tidak ditambahkan?

a)

Konten akan tetap dalam satu baris

b)

Konten akan otomatis turun

c)

Konten akan terpotong

d)

Konten akan menghilang

10.

Apa yang dimaksud dengan 'responsive' dalam konteks CSS?

a)

Desain yang menggunakan gambar statis

b)

Desain yang menyesuaikan dengan ukuran layar

c)

Desain yang hanya untuk desktop

d)

Desain yang tidak dapat diubah

11.

Apa yang dimaksud dengan 'viewport'?

a)

Sebuah elemen HTML

b)

Area tampilan pada perangkat

c)

Sebuah jenis gambar

d)

Sebuah framework CSS

12.

Apa yang dimaksud dengan 'framework' dalam CSS?

a)

Sebuah aplikasi mobile

b)

Kumpulan alat untuk mempermudah pengembangan

c)

Sebuah jenis bahasa pemrograman

d)

Sebuah sistem database

13.

Apa yang harus dilakukan untuk menginstall framework?

a)

Menggunakan package manager

b)

Menulis kode manual

c)

Menggunakan HTML saja

d)

Menghapus CSS yang ada

14.

Apa yang dimaksud dengan 'best practice' dalam pengeditan CSS?

a)

Menghindari penggunaan CSS

b)

Menggunakan warna yang cerah

c)

Cara tercepat untuk menyelesaikan proyek

d)

Metode terbaik untuk menulis kode

15.

Apa yang dilakukan oleh properti 'align-content' dalam Flexbox?

a)

Mengatur perataan elemen secara horizontal

b)

Mengatur perataan elemen secara vertikal

c)

Mengatur jarak antar baris dalam flex container

d)

Menentukan ukuran elemen

16.

Apa yang dimaksud dengan 'media query' dalam CSS?

a)

Fitur untuk menambahkan efek animasi

b)

Teknik untuk mengubah gaya berdasarkan ukuran layar

c)

Metode untuk mengoptimalkan gambar

d)

Fungsi untuk mengatur warna teks

17.

Apa yang dimaksud dengan 'grid layout' dalam CSS?

a)

Sistem layout berbasis kolom dan baris

b)

Metode untuk mengatur elemen secara vertikal saja

c)

Teknik untuk membuat animasi

d)

Fungsi untuk mengubah ukuran gambar