wayground logo

Free Printable Worksheets

Font size

S
M
L
XL
Worksheets

CSS test

Total questions: 15

Worksheet time: 9mins

Name
Class
Date
1.

Klass selektorini tanlang:

a)

#

b)

.

c)

*

d)

,

2.

qaysi xossa matn rangini o‘zgartiradi?

(a)  

3.

Box modelda “content”dan keyin qaysi xossa turadi?

(a)  

4.

Elementni satrga yonma-yon qilish uchun qaysi display eng mos?

a)

display: block;

b)

display: inline;

c)

display: none;

d)

display: inline-block;

5.

position: absolute; bo‘lgan element odatda qaysi konteksga nisbatan joylashadi?

a)

Har doim body

b)

Eng yaqin positioni static bo‘lmagan ota element

c)

Har doim oynaning chap yuqori burchagi

d)

Hujjatning markazi

6.

z-index ishlashi uchun elementda odatda nima bo‘lishi kerak?

a)

display: block;

b)

overflow: hidden;

c)

opacity < 1

d)

position: relative/absolute/fixed/sticky;

7.

rem birliklari nimaga nisbatan hisoblanadi?

a)

Joriy element font-sizeiga

b)

Ota element font-sizeiga

c)

Root (html) font-sizeiga

d)

Ekran kengligiga

8.

Rasmga yumaloq burchak berish:

a)

border.radius: 10px;

b)

border-style: round;

c)

border-radius: 10px;

d)

outline-radius: 10px;

9.

Filtr orqali elementni xiralashtirish qaysi?

a)

filter: grayscale(50%);

b)

filter: brightness(0.5);

c)

filter: contrast(150%);

d)

filter: blur(4px);

10.

Matnni chiziq bilan o‘tkazib ko‘rsatish:

a)

text-decoration: underline;

b)

text-decoration: line-through;

c)

text-decoration: overline;

d)

text-decoration: none;

11.

overflow: hidden; nima qiladi?

a)

Sirtga chiqadigan kontentni ko‘rsatadi

b)

Scrollni yashiradi

c)

Matinni yashiradi

d)

Sirtga chiqadigan kontentni yashiradi

12.

2D transformda elementni o‘ngga 20px surish:

a)

transform: moveX(20px);

b)

transform: translate(20px);

c)

transform: translateX(20px);

d)

transform: shiftX(20px);

13.

CSS’da tashqi shriftni ulash uchun qaysi qoida ishlatiladi?

(a)  

14.

Agar birinchi ko‘rsatilgan shrift qurilmada mavjud bo‘lmasa, keyingi variant ishlatilishi uchun qaysi yozuv to‘g‘ri?

a)

font-family: Arial; Times New Roman; sans-serif;

b)

font-family: "Arial", "Times New Roman", sans-serif;

c)

font: Arial, Times New Roman, sans-serif;

d)

font-family: Arial, "Times New Roman", sans-serif;

15.

vh birligi nimani anglatadi?

a)

Ekran balandligining foizi

b)

Ekran kengligining foizi

c)

Brauzer oynasining eni va balandligi o‘rtacha qiymati

d)

Root (html) font-size qiymati