Wayground logo

Free Printable Worksheets

Font size

S
M
L
XL
Worksheets

Web CSS

Total questions: 30

Worksheet time: 15mins

Name
Class
Date
1.

Kepanjangan dari CSS adalah...

a)

Coloring Style Sheet

b)

Customising Style Sheet

c)

Cascading Style Sheets

d)

Customising Simple Style

2.

Pada CSS, untuk mengatur jenis tulisan menggunakan property…

a)

Font-number

b)

Font-family

c)

Font-size

d)

Font-style

3.

Untuk mengubah tulisan menjadi seperti gambar, maka perintah margin yang mungkin adalah…

a)

margin-top: 100px;

b)

margin-left: 80px;

c)

margin-left: right;

d)

margin-bottom: 80px;

4.

Berikut ini merupakan jenis CSS, kecuali…

a)

Middle CSS

b)

Eksternal CSS

c)

Inline CSS

d)

Internal CSS

5.

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

6.

Untuk mendapatkan warna tulisan seperti pada gambar, maka kode pada pada CSS yang harus ditulis adalah...

a)

color: blue;

b)

font-color: blue;

c)

border-color: blue;

d)

color-adjust: blue;

7.

Pada potongan kode tersebut, p dan h1 merupakan…

a)

value

b)

selector

c)

property

d)

huruf

8.

Potongan kode diatas bertujuan untuk memodifikasi...

a)

Warna background

b)

Tulisan pada background

c)

Posisi gambar pada background

d)

Gambar background

9.

Kode diatas merupakan cara pengambilan warna dengan menggunakan...

a)

Nilai warna yang solid

b)

Nilai HEX

c)

Nilai RGB

d)

Nilai rumit

10.

Properti yang digunakan untuk mengubah warna latar belakang?

a)

background:url(“file.extension”)

b)

bgcolor:

c)

background-color:

d)

background-color-style:

11.

fungsi style="color: blue" adalah?

a)

mengubah background menjadi warna biru

b)

mengubah warna font menjadi warna biru

c)

mengubah perasaan dia menjadi ga cuek ke aku :)

d)

mengubah ukuran font

12.

Penulisan css selektor yang benar untuk element dengan id="menu" adalah?

a)

.menu

b)

#menu

c)

*menu

d)

menu

13.

Perhatikan script CSS dibawah ini:

p {color:red;}

Yang disebut property adalah...

a)

p

b)

color

c)

red

d)

color:red

14.

Perhatikan script CSS dibawah ini:

p {color:red;}

Yang disebut value adalah...

a)

p

b)

color

c)

red

d)

color:red

15.

Kode HTML yang benar untuk merujuk ke css eksternal adalah.....

a)

<stylesheet> styleku.css</stylesheet>

b)

<style src="styleku.css">

c)

<link rel="styleseet" type"text/css" href="styleku.css">

d)

<link rel="css">css</>

e)

<style src="style.css"></style>

16.

Dimanakah dalam dokumen html tempat untuk meletakkan rujukan ke css eksternal ....

a)

Dalam tag <body>

b)

Dalam tag <Head>

c)

Pada akhir dokumen

d)

Dalam HTML

e)

Bebas dimana saja

17.

Tag HTML yanng digunakan untuk mendefinisikan css internal adalah....

a)

<style>

b)

<script>

c)

<css>

d)

<embed>

e)

<map>

18.

Attribut HTML yang digunakan untuk mendefinisikan CSS inline adalah ....

a)

styles

b)

font

c)

class

d)

style

e)

id

19.

Sintaks CSS yang benar dibawah ini adalah ....

a)

h3 {black : color;}

b)

h3 [color : black;}

c)

h3 {color: black}

d)

h3 {color: black;{

e)

h3 {color : black;}

20.

Properti CSS untuk mengatur dekorasi teks adalah ....

a)

text-transform

b)

text-decoration

c)

decoration

d)

text-indent

e)

text-dekorasi

21.

Sintaks CSS yang benar untuk membuat tulisan TEKS DI CORET adalah ....

a)

text-decoration: none;

b)

text-decoration: over-line;

c)

text-decoration: line-through;

d)

text-decoration: underline;

e)

text-decoration: coret;

22.

Properti CSS yang digunakan untuk mengatur jarak antar kata adalah...

a)

text-transform

b)

letter-spacing

c)

border-spacing

d)

text-decoration

e)

word-spacing

23.

Sintaks CSS yang benar untuk membuat semua isi teks pada tag p bergaris bawah ....

a)

text-indent: underline;

b)

text-decoration: underline;

c)

text-decoration: overline;

d)

text-decoration: none;

e)

text-transform: uppercase;

24.

Sintaks CSS yang benar untuk mengatur jarak antar karakter ....

a)

word-spacing: 10px;

b)

letter-spacing: uppercase;

c)

letter-spacing: 10px;

d)

line-height: 10px;

e)

text-transform: 10px;

25.

Sintaks text-transform: capitalize; berfungsi untuk...

a)

Merubah semua teks menjadi huruf kapital

b)

Merubah huruf pertama setiap kata menjadi huruf kapital

c)

merubah semua teks menjadi huruf kecil

d)

membuat garis bawah pada semua teks

e)

membuat garis coret pada semua teks

26.

Untuk membuat teks agak menjorok kedalam dapat menggunakan Sintaks CSS ....

a)

text-transform: -20px;

b)

text-indent: 10px;

c)

text-indent: tab;

d)

text-decoration: 10px;

e)

text-decoration: uppercase;

27.

<p style="color: red"> isi paragraf</p> merupakan sintaks css ...

a)

eksternal css

b)

embedded css

c)

inline css

d)

css gabungan

e)

bukan css

28.

Properti CSS untuk mengubah warna link yang sudah dikunjungi adalah....

a)

a:link

b)

a:visited

c)

a:hover

d)

a:active

e)

visited link

29.

Properti CSS untuk mengubah warna link ketika mouse diarahkan pada link adalah....

a)

a:link

b)

a:visited

c)

a:hover

d)

a:active

e)

visited link

30.

Properti CSS untuk mengubah warna link ketika link klik adalah....

a)

a:link

b)

a:visited

c)

a:hover

d)

a:active

e)

visited link