Wayground logo

Free Printable Worksheets

Font size

S
M
L
XL
Worksheets

CSS -2, 3, 4

Total questions: 37

Worksheet time: 19mins

Name
Class
Date
1.

CSS блоктық моделі қай элементтерден тұрады?

a)

margin, border, padding, content

b)

text, color, font, image

c)

block, inline, flex, grid

d)

class, id, selector, tag

2.

padding дегеніміз не?

a)

Элементтің ішкі шекарасы мен мазмұн арасындағы қашықтық

b)

Элементтің сыртқы шеті

c)

Элементтің биіктігі

d)

Элементтің түсі

3.

margin қасиеті нені басқарады?

a)

Элементтің сыртқы шетін

b)

Элементтің ішкі мазмұнын

c)

Шрифт өлшемін

d)

Сурет өлшемін

4.

border қасиеті не үшін қолданылады?

a)

Шекара сызу үшін

b)

Түс өзгерту үшін

c)

Қаріп өзгерту үшін

d)

Аудио қосу үшін

5.

border-width не істейді?

a)

Шекара қалыңдығын орнатады

b)

Фон түсін орнатады

c)

Шекара түсін өзгертеді

d)

Шекараны жояды

6.

border-color қасиеті нені білдіреді?

a)

Шекараның түсін орнатады

b)

Шекараның енін орнатады

c)

Мәтіннің түсін орнатады

d)

Бет фонын өзгертеді

7.

border-style қандай мәндер қабылдай алады?

a)

solid, dotted, dashed, double, outset, inset, none

b)

red, green, blue

c)

left, right, top, bottom

d)

font, size, align

8.

border-style: solid; не істейді?

a)

Тұтас сызық сызады

b)

Нүктелі сызық сызады

c)

Жасырын шекара

d)

Қос сызық

9.

border-style: dotted; мәні нені білдіреді?

a)

Нүктелер арқылы сызылады

b)

Қос сызық

c)

Қалың шекара

d)

Жасырын сызық

10.

border-style: double; мәні:

a)

Қос тұтас сызық сызады

b)

Нүктелі сызық

c)

Сызықсыз

d)

Көлбеу шекара

11.

border-style: none; дегеніміз:

a)

Шекарасыз

b)

Қосымша түс

c)

Тек ішкі шекара

d)

Қате жазылу

12.

width қасиеті не үшін қажет?

a)

Элементтің енін орнатады

b)

Қаріптің өлшемін орнатады

c)

Сурет түсін өзгертеді

d)

Тақырып жасайды

13.

height қасиеті нені білдіреді?

a)

Элементтің биіктігін

b)

Шекара қалыңдығын

c)

Жол арақашықтығын

d)

Қаріптің өлшемін

14.

background-color не үшін қолданылады?

a)

Элементтің фонын бояу үшін

b)

Мәтінді курсивпен көрсету

c)

Қаріп ауыстыру

d)

Тақырып қою

15.

background-image: url("...") не істейді?

a)

Фон ретінде сурет орнатады

b)

Суретті жояды

c)

Фон түсін өзгертеді

d)

Аудио қосады

16.

list-style-type: decimal; қандай нәтиже береді?

a)

Тізімді 1, 2, 3 деп белгілейді

b)

Рим сандарымен

c)

Әріптермен

d)

Маркерсіз

17.

list-style-type: lower-roman; не үшін қажет?

a)

Тізімді i, ii, iii түрінде көрсету үшін

b)

Қатар қою

c)

Жол шегінісін орнату

d)

Мәтінді өзгерту

18.

list-style-type: upper-alpha; нәтижесі:

a)

Тізімді A, B, C деп белгілейді

b)

Шекара қосу

c)

Қаріпті өзгерту

d)

Түс орнату

19.

list-style-type: circle; не істейді?

a)

Белгілуді дөңгелекпен көрсетеді

b)

Шаршы таңба

c)

Санмен белгілеу

d)

Қос сызық қою

20.

list-style-type: square; нәтижесі:

a)

Маркер ретінде квадрат таңба

b)

Тізімсіз мәтін

c)

Қара фон

d)

Дыбыс белгілері

21.

1. a:link дегеніміз не?

a)

Пайдаланушы әлі баспаған сілтеме

b)

Пайдаланушы басқан сілтеме

c)

Сілтеме үстіндегі мәтін

d)

Белсенді емес сілтеме

22.

a:visited не білдіреді?

a)

Бұрын ашылған сілтеме

b)

Басылмаған сілтеме

c)

Мәтін бөлігі

d)

Сілтеме фоны

23.

a:hover қандай күйді білдіреді?

a)

Меңзер сілтеменің үстінде болған сәт

b)

Сілтемені басқан кездегі сәт

c)

Белсенді емес сілтеме

d)

Сілтеменің ашылуы

24.

a:active қандай жағдайда іске асады?

a)

Сілтеме дәл қазір басылып жатқанда

b)

Меңзер үстінде тұрғанада

c)

Мәтін жазылып жатқанда

d)

Сілтеме жүктелмегенде

25.

padding: 10px 20px; қандай мән береді?

a)

Жоғары/төмен 10px, оң/сол 20px шегініс

b)

Барлық жағынан 20px

c)

Тек төменнен 10px

d)

Сыртқы шет 10px

26.

6. border: 2px solid green; не істейді?

a)

Жасыл түсті тұтас 2px шекара қосады

b)

Қою сызықпен қоршайды

c)

Шекараны жояды

d)

Қою фон береді

27.

text-align: center; не үшін қолданылады?

a)

Мәтінді ортаға туралау

b)

Мәтінді бас әріппен жазу

c)

Сілтемені бұру

d)

Фон түсін орнату

28.

8. position: static; дегеніміз не?

a)

Элемент құжат ағынымен орналасады

b)

Элемент жоғарғы бұрышқа бекітіледі

c)

Экранға бекітіледі

d)

Элемент жойылады

29.

9. position: relative; дегеніміз не?

a)

Элемент бастапқы орнына қатысты жылжиды

b)

Жоғары жағына бекітіледі

c)

Сыртқы беттен бөлінеді

d)

Құжат соңына кетеді

30.

position: absolute; дегеніміз не?

a)

Элемент ең жақын позицияланған ата-анасына қатысты орналасады

b)

Элемент жоғарғы бетке бекітіледі

c)

Құжатқа қатысты орналасады

d)

Меңзер қозғалғанда жылжиды

31.

Егер absolute ата-ана табылмаса, онда элемент неге қатысты орналасады?

a)

Бүкіл бетке

b)

Кестеге

c)

Браузерге

d)

Стильге

32.

position: fixed; не үшін қолданылады?

a)

Элемент экранда тұрақты тұру үшін

b)

Элементті жасыру

c)

Элементті жоғары қою

d)

Элементті астына түсіру

33.

fixed позициясы қандай артықшылық береді?

a)

Элемент бетпен бірге жылжымайды

b)

Элемент үстіне шығады

c)

Элемент жоғалады

d)

Элемент көрінбейді

34.

background-color: green; не істейді?

a)

Элементтің фонын жасыл етеді

b)

Мәтінді жасыл етеді

c)

Жасыл сурет қояды

d)

Жасыл рамка береді

35.

CSS көмегімен сілтемелерді қалай стильдеуге болады?

a)

Псевдоселекторлар арқылы

b)

HTML ғана

c)

JavaScript арқылы

d)

XML файлымен

36.

margin: 15px; қандай әсер береді?

a)

Тек төменнен 15px шегініс

b)

Тек жоғарыдан 15px шегініс

c)

Барлық жағынан 15px шегініс

d)

Сыртқы шет 15px шегініс

37.

display: flex; не үшін қолданылады?

a)

Элементтерді жасыру үшін

b)

Элементтерді икемді контейнерде орналастыру үшін

c)

Элементтерді тек бір қатарда көрсету үшін

d)

Элементтерді блок ретінде көрсету үшін