wayground logo

Free Printable Worksheets

NEW

Font size

S
M
L
XL
Worksheets

CSS QUIZ X RPL

Total questions: 30

Worksheet time: 18mins

Name
Class
Date
1.

Kepanjangan CSS adalah...

a)

Cascading Style Sheet

b)

Coding Style Sheet

c)

Caseflow Style Sheet

d)

Coding Sheet Style

2.

CSS merupakan suatu dokumen website yang bertujuan untuk...

a)

Mengatur bahasa pemrograman

b)

Mengatur gaya tampilan pada website

c)

Mengatur cahaya tampilan web

d)

Menggabungkan antara bagian presentasi dan isi web yang dibuat

3.

Bagian utama CSS terdiri dari tiga bagian yaitu...

a)

Selector, property dan value

b)

Selector, formula dan property

c)

Selector, sum dan value

d)

Formula, property dan value

4.

Format penilisan sintaks CSS yang benar adalah...

a)

Selector {Property: value;}

b)

Property {Selector: value;}

c)

Value {Property: selector;}

d)

Selector {value: property;}

5.

Selector ID dilambangkan dengan simbol...

a)

. (titik)

b)

# (pagar)

c)

/ (garis miring)

d)

* (bintang)

6.

Selector CLASS dilambangkan dengan simbol...

a)

# (pagar)

b)

. (titik)

c)

* (bintang)

d)

/ (garis miring)

7.

Untuk menampilkan garis pada tabel menggunakan style CSS, kita memakai property ....

a)

Border

b)

Border-spacing

c)

Border-collapse

d)

Border-radius

8.

Property style CSS yang berfungsi untuk menambahkan jarak antar garis kolom adalah ....

a)

Border

b)

Border-spacing

c)

Border-collapse

d)

Border-radius

9.

Apa tujuan dari pemilih CSS?

a)

Pemilih CSS digunakan untuk mendefinisikan tata letak halaman web.

b)

Pemilih CSS digunakan untuk membuat animasi pada halaman web.

c)

Pemilih CSS digunakan untuk memilih dan menargetkan elemen HTML tertentu pada halaman web.

d)

Pemilih CSS digunakan untuk menggaya elemen HTML pada halaman web.

10.

Apa properti CSS yang digunakan untuk mengubah warna latar belakang suatu elemen?

a)

background-image

b)

background-style

c)

element-color

d)

background-color

11.

Bagaimana cara memilih elemen yang ingin kita beri aturan di CSS berdasarkan kelasnya?

a)

Menggunakan tanda pagar (#), sebagai contoh #nama_kelas

b)

Menggunakan tanda titik (.), sebagai contoh .nama_kelas

c)

Langsung kita sebut nama kelasnya seperti nama_kelas

d)

Menggunakan pseudo element seperti nama_kelas::after

12.

Untuk membuat internal stylesheet, elemen apa yang kita butuhkan?

a)

<link>

b)

<a>

c)

<button>

d)

<style>

13.

Untuk membuat eksternal stylesheet, elemen apa yang kita butuhkan?

a)

<link>

b)

<a>

c)

<button>

d)

<style>

14.

Apa HTML yang benar untuk merujuk ke style sheet eksternal?

a)

<stylesheet>mystyle.css</stylesheet>

b)

<style src="mystyle.css"

c)

<link rel="stylesheet" type="text/css" href="mystyle.css">

15.

Di mana dalam dokumen HTML adalah tempat yang tepat untuk merujuk ke style sheet eksternal?

a)

In the <body> section

b)

In the <head> section

c)

At the end of the document

16.

Manakah sintaks CSS yang benar?

a)

body:color=black;

b)

{body:color=black;}

c)

{body;color:black;}

d)

body {color:black;}

17.

Bagaimana anda memilih elemen dengan id "demo"?

a)

.demo

b)

#demo

c)

*demo

d)

demo

18.

Bagaimana anda memilh semua elemen p di dalam elemen div

a)

div + p

b)

div.p

c)

div p

19.

Pada CSS, untuk menambahkan background color untuk semua <h1> adalah :

a)

h1 {background-color:#FFFFFF }

b)

#h1 {background-color:#FFFFFF }

c)

.h1 {background-color:#FFFFFF }

d)

all.h1 {background-color:#FFFFFF }

20.

Sintaks CSS yang paling tepat untuk merubah semua elemen

menjadi bold adalah :

a)

p {font-weight:bold}

b)

.p {text-size:bold}

c)

all.p {text-size:bold}

d)

#p {text-size:bold}

21.

Perhatikan script CSS dibawah ini:

p {color:red;}

Yang disebut property adalah...

a)

p

b)

color

c)

red

d)

color:red

22.

Perhatikan script CSS dibawah ini:

p {color:red;}

Yang disebut value adalah...

a)

p

b)

color

c)

red

d)

color:red

23.

Berikut ini merupakan jenis CSS, kecuali…

a)

Middle CSS

b)

Eksternal CSS

c)

Inline CSS

d)

Internal CSS

24.

Semua elemen yang ada pada <p> nantinya akan menjadi:

a)

Warna : tengah, orientasi: kuning

b)

Warna: merah, Orientasi: kanan

c)

Warna: Biru, Orientasi: kanan

d)

Warna: Biru, Orientasi: tengah

25.

Untuk menghubungkan HTML dengan External CSS, value dari href harus diisi dengan…

a)

Judul situs yang dibuat

b)

lokasi html yang dibuat

c)

tanggal dibuatnya file html

d)

lokasi file css yang dibuat

26.

Pada potongan kode tersebut, p dan h1 merupakan…

a)

value

b)

selector

c)

property

d)

huruf

27.

Potongan kode diatas bertujuan untuk memodifikasi...

a)

Warna background

b)

Tulisan pada background

c)

Posisi gambar pada background

d)

Gambar background

28.

Kode diatas merupakan cara pengambilan warna dengan menggunakan...

a)

Nilai warna yang solid

b)

Nilai HEX

c)

Nilai RGB

d)

Nilai rumit

29.

Manakah dari sintaks berikut yang benar dalam CSS untuk membuat setiap kata dalam kalimat dimulai dengan huruf kapital?

a)

text-style : capital;

b)

transform : capitalize;

c)

text-transform : capital;

d)

text-transform : capitalize;

30.

Sintak css yang digunakan ntuk mengatur jarak antara 2 div seperti gambar, bisa menggunakan ?

a)

padding: 50px;

b)

margin: 50px

c)

spacing: 50px;

d)

space: 50px;