wayground logo

Free Printable Worksheets

NEW

Font size

S
M
L
XL
Worksheets

Latihan Soal CSS

Total questions: 20

Worksheet time: 20mins

Name
Class
Date
1.

Apakah kepanjangan dari CSS

a)

Concorde Style Sheet

b)

Cascading Style Script

c)

Cascading Scripting Style

d)

Cascading Style Sheets

2.

Cara menuliskan Css Ada 3 Yaitu:

a)

Internal, Inline dan Eksternal

b)

Internis, Inline dan Block

c)

Internal, Block dan Eksternal

d)

Style, Class, Id

3.

Cara menuliskan CSS seperti pada gambar adalah

a)

Eksternal

b)

Internal

c)

Inline

d)

Include

4.

dari script tersebut, warna text : Subang akan berwarna?

a)

Hitam

b)

Biru

c)

Merah

d)

Hijau

5.

Cara Menyisipkan CSS seperti pada gambar disebut dengan :

a)

Internal

b)

Eksternal

c)

Inline

d)

Styling

6.

Pada file index.php ingin menyertakan CSS secara eksternal yaitu file style.css pada folder CSS seperti pada gambar. Script yang benar adalah:

a)

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

b)

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

c)

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

d)

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

7.

Cara memanggil File style.css dari file index.php adalah:

a)

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

b)

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

c)

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

d)

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

8.

Cara yang benar untuk menyertakan file style.css ketika melakukan coding index.php

a)

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

b)

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

c)

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

d)

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

9.

Kebutuhan adalah Teks : Subang ingin berwarna merah, Manakah Script yang Benar?

a)

b)

c)

d)

10.

Cara CSS untuk memformat Text Jakarta cetak tebal.

a)

b)

c)

d)

11.

Pernyataan yang benar dari script tersebut adalah?

a)

#merah adalah property dan color adalah selector

b)

#merah adalah selector id dan color adalah property dengan nilai red

c)

#merah adalah selector class dan color adalah property dengan nilai red

d)

#merah adalah selector tag dan color adalah property dengan nilai red

12.

Selector CSS ada 3 yaitu:

a)

Selector tag, id dan class

b)

Selector div, span, dan tag

c)

Selector block, Inline dan none

d)

Selector tag, id, dan block

13.

Memberikan jarak dari element selector ke area dalam adalah dengan property:

a)

margin

b)

spacing

c)

padding

d)

border-radius

14.

Pada CSS, memberikan jarak dari element selector ke element luar menggunakan:

a)

padding

b)

border

c)

background-color

d)

margin

15.

<div>Jakarta</div>

property CSS untuk memberikan border pada tag div adalah:

a)

<style>

div{

border-color:1px solid black;

}

</style>

b)

<style>

div{

border:1px solid black;

}

</style>

c)

<style>

#div{

border-color:1px solid black;

}

</style>

d)

<style>

.div{

border-color:1px solid black;

}

</style>

16.

Hasil dari Script adalah:

a)

b)

c)

d)

17.

Cara memposisikan text ke tengah adalah dengan properti css

a)

text-align:center

b)

text-center:yes

c)

text-position:center

d)

text-center-align:center

18.

property CSS memberikan warna background adalah:

a)

bgcolor:red

b)

bg-color:red

c)

background-color:red

d)

backgroundColor:red

19.


Jika penulisan CSS seperti ini apakah hasil yang didapatkan?

a)

Teks Bandung tetap berwarna hitam

b)

Teks Bandung Berwarna Biru dengan jenis huruf Arial

c)

Error karena campuran huruf besar dan kecil pada property

d)

Teks Bandung tidak akan muncul

20.

Penulisan CSS Inline yang benar adalah:

a)

b)

c)

d)