Wayground logo

Free Printable Worksheets

Font size

S
M
L
XL
Worksheets

Ulangan Harian PWPB-01 (CSS Dasar) XI TI B #susulan

Total questions: 20

Worksheet time: 41mins

Name
Class
Date
1.

berat dari selector " .pertama li a " jika di hitung menggunakan specificity adalah...

a)

1001

b)

110

c)

102

d)

111

2.

berat dari selector " #box .kotak p a " jika di hitung menggunakan specificity adalah...

a)

1121

b)

112

c)

211

d)

212

3.

berat dari sebuah selector berguna sebagai...

a)

menentukan penggunaan nya didalam deklarasi CSS di banding selector yang lain.

b)

menghemat jumlah baris di deklarasi CSS

c)

menghemat jumlah baris di deklarasi HTML

d)

iseng iseng si programer aja sih kayak nya.

4.

di dalam CSS, untuk mendeklarasikan value dari warna bisa kita lakukan dengan cara.... KECUALI

a)

Name (blue)

b)

embed(merah)

c)

hexadesimal (#98gh65)

d)

RGB (89,65,JH)

5.

Elemen yang tidak mewarisi nilai dari property color (warna) adalah...

a)

<p> </p>

b)

<h1> </h1>

c)

<a> </a>

d)

<li> </li>

6.

properti yang TIDAK dapat di hasilkan dari inheritance adalah....

a)

letter-spacing

b)

line-height

c)

visibility

d)

background-color

7.

inheritance atau pewarisan adalah....

a)

sebuah mekanisme yamg menghitung berar dari sebuah selector di css

b)

kelas "semu" yang dimiliki oleh sebuah elemen HTML, yang membuat kita dapat mendefenisikan style pada keadaan tertentu dari elemen tersebut.

c)

elemen yang mewarisi beberapa nilai dari property yang memiliki oleh elemen parent-nya

d)

adalah nama sebuah gaya untuk menentukan sebuah file pada sebuah elemen HTML

8.

pseudo-class adalah....

a)

adalah nama sebuah gaya untuk menentukan sebuah file pada sebuah elemen HTML

b)

elemen yang mewarisi beberapa nilai dari property yang memiliki oleh elemen parent-nya

c)

kelas "semu" yang dimiliki oleh sebuah elemen HTML, yang membuat kita dapat mendefenisikan style pada keadaan tertentu dari elemen tersebut.

d)

sebuah mekanisme yamg menghitung berat dari sebuah selector di css

9.

Property adalah...

a)

sebuah mekanisme yamg menghitung berat dari sebuah selector di css

b)

kelas "semu" yang dimiliki oleh sebuah elemen HTML, yang membuat kita dapat mendefenisikan style pada keadaan tertentu dari elemen tersebut.

c)

elemen yang mewarisi beberapa nilai dari property yang memiliki oleh elemen parent-nya

d)

adalah nama sebuah gaya untuk menentukan sebuah file pada sebuah elemen HTML

10.

warna defult dari elemen <a> </a> adalah...

a)

merah

b)

hijau

c)

biru

d)

hitam

11.

warna deafult dari elemen <p> </p> adalah...

a)

merah

b)

hijau

c)

biru

d)

hitam

12.

berikut adalah bagian selector dari...

a)

specificity

b)

pseudo-class

c)

inheritance

d)

background

13.

apa yang akan terjadi jika kita menggunakan fungsi hover seperti gambar tersebut?

a)

kotak bergeser ke kanan sebanyak 180 derajat

b)

kotak bergeser ke kiri sebanyak 180 derajat

c)

kotak berputar kekanan sebanyak 180 derajat

d)

kotak berputar kekiri sebanyak 180 derajat

14.

apa saja yang tampil di browser jika kita punya css seperti gambar berikut?

(a)  

15.

apa yang akan terjadi jika kita memiliki css sperti gambar berikut?

a)

tulisan <a> </a> (link) akan menjadi biru

b)

tulisan <a> </a> (link) akan menjadi hitam

c)

tulisan <a> </a> (link) akan menjadi merah

d)

tulisan <a> </a> (link) akan menjadi hijau

16.

jika kita ketik "p" lalu tekan TAB akan muncul paragraf tiruan (lorem). susunan kaliamat lorem yang benar adalah...

a)

Lorem consectetur adipisicing elit ipsum dolor sit amet, sed do eiusmod

tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,

quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo

consequat.

b)

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod

tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,

quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo

consequat.

c)

Lorem dolor sit amet, consectetur adipisicing elit, sed do eiusmod

tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,

quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo

consequat.

d)

Lorem ipsum dolor sit amet, elit, sed do eiusmod

tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,

quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo

consequat.

17.

perbedaan tag <h1> dengan tag <p> adalah (a)  

18.

yang BUKAN contoh dari tag ganda adalah...

a)

<h1>

b)

<p>

c)

<link>

d)

<img>

19.

jika kita menggunakan css seperti berikut akan muncul kotak. di mana kotak tersebut memiliki keadaan....

a)

memiliki tinggi 200 px dan lebar 150 px serta memiliki warna hijau dan biru

b)

memiliki tinggi 150 px dan lebar 200 px serta memiliki warna hijau dan biru

c)

memiliki tinggi 150 px dan lebar 200 px serta memiliki warna hijau

d)

keadaan yang tidak bisa diterima orang tua dan masyarakat

20.

tuliskan uneg-uneg kalian tentang belajar online ini. terkhusus mata pelajaram PWPB. silahkan bebas be ekspresi dan ber pendapat!

4 lines