Wayground logo

Free Printable Worksheets

Font size

S
M
L
XL
Worksheets

CSS 2,3,4

Total questions: 57

Worksheet time: 29mins

Name
Class
Date
1.

Селектор дегеніміз не?

a)

Стиль қолданылатын HTML элементін анықтайтын бөлік

b)

HTML тегінің аты

c)

CSS файлының атауы

d)

Суретті сипаттайтын атрибут

2.

CSS ережесінде қасиет пен мәннің арасына не қойылады?

a)

Қос нүкте

b)

Үтір

c)

Қисық жақша

d)

Тырнақша

3.

Екі CSS қасиеті қалай бөлінеді?

a)

Нүктелі үтірмен

b)

Қос нүктемен

c)

Үтірмен

d)

Бос орынмен

4.

CSS кодында мәндер қайда жазылады?

a)

Қасиеттерден кейін

b)

Тегтің алдына

c)

Парақ соңына

d)

Ішінде

5.

Элемент бойынша селектор мысалы:

a)

p {color: green;}

b)

#p {color: green;}

c)

.p {color: green;}

d)

6.

Идентификатор бойынша селектордың белгісі:

a)

#

b)

.

c)

/

d)

@

7.

Сынып (class) бойынша селектордың белгісі:

a)

.

b)

#

c)

%

d)

@

8.

Комментарий жазу синтаксисі:

a)

/* комментарий */

b)

// комментарий

c)

-- комментарий --

d)

9.

Контекстік селектор дегеніміз не?

a)

Бірнеше деңгейлі ішкі элементтерге стиль қолдану

b)

Тек бір элементке қолдану

c)

Файлдың аты

d)

Мәтінді өшіру

10.

font-family қасиеті не үшін қолданылады?

a)

Қаріп түрін орнату

b)

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

c)

Құжат өлшемі

d)

Суретті қою

11.

Қаріптің өлшемін көрсету үшін қандай қасиет қолданылады?

a)

font-size

b)

font-type

c)

size-style

d)

text-size

12.

Қаріпті курсивпен көрсету үшін қолданылатын CSS қасиеті:

a)

font-style: italic;

b)

font-format: italic;

c)

text-tilt: italic;

d)

font-type: italic;

13.

Қаріптің жуандығын көрсету қасиеті:

a)

font-weight

b)

font-thickness

c)

text-bold

d)

font-bold

14.

text-align қасиетінің мәні ретінде не қолданылады?

a)

right

b)

underline

c)

centered

d)

lefted

15.

text-decoration: underline; не істейді?

a)

Мәтіннің астын сызады

b)

Мәтінді өшіреді

c)

Мәтін түсін өзгертеді

d)

Жаңа жолға өтеді

16.

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

a)

Барлық әріптерді бас әріпке айналдыру үшін

b)

Сөздерді курсивке айналдыру

c)

Мәтінді жасыру

d)

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

17.

letter-spacing қасиеті не орнатады?

a)

Әріптер арасындағы арақашықтық

b)

Мәтіннің енін

c)

Қатарлар арасын

d)

Жол арасын

18.

word-spacing не үшін қажет?

a)

Сөздер арасындағы интервалды реттейді

b)

Қаріпті үлкейтеді

c)

Жол енін өзгертеді

d)

Сөздерді жасырады

19.

text-shadow қасиетінің негізгі қызметі:

a)

Мәтінге көлеңке беру

b)

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

c)

Қаріп өлшемін көрсету

d)

Бетті сақтау

20.

20. text-indent неге жауап береді?

a)

Абзацтың бірінші жолының шегінісін орнатады

b)

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

c)

Мәтіннің түсін өзгертеді

d)

Фонды орнатады

21.

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

a)

margin, border, padding, content

b)

text, color, font, image

c)

block, inline, flex, grid

d)

class, id, selector, tag

22.

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

a)

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

b)

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

c)

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

d)

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

23.

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

a)

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

b)

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

c)

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

d)

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

24.

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

a)

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

b)

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

c)

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

d)

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

25.

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

a)

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

b)

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

c)

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

d)

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

26.

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

a)

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

b)

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

c)

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

d)

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

27.

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

a)

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

b)

red, green, blue

c)

left, right, top, bottom

d)

font, size, align

28.

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

a)

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

b)

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

c)

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

d)

Қос сызық

29.

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

a)

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

b)

Қос сызық

c)

Қалың шекара

d)

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

30.

border-style: double; мәні:

a)

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

b)

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

c)

Сызықсыз

d)

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

31.

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

a)

Шекарасыз

b)

Қосымша түс

c)

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

d)

Қате жазылу

32.

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

a)

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

b)

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

c)

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

d)

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

33.

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

a)

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

b)

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

c)

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

d)

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

34.

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

a)

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

b)

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

c)

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

d)

Тақырып қою

35.

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

a)

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

b)

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

c)

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

d)

Аудио қосады

36.

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

a)

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

b)

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

c)

Әріптермен

d)

Маркерсіз

37.

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

a)

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

b)

Қатар қою

c)

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

d)

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

38.

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

a)

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

b)

Шекара қосу

c)

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

d)

Түс орнату

39.

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

a)

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

b)

Шаршы таңба

c)

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

d)

Қос сызық қою

40.

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

a)

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

b)

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

c)

Қара фон

d)

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

41.

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

a)

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

b)

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

c)

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

d)

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

42.

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

a)

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

b)

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

c)

Мәтін бөлігі

d)

Сілтеме фоны

43.

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

a)

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

b)

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

c)

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

d)

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

44.

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

a)

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

b)

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

c)

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

d)

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

45.

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

a)

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

b)

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

c)

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

d)

Сыртқы шет 10px

46.

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

a)

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

b)

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

c)

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

d)

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

47.

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

a)

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

b)

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

c)

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

d)

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

48.

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

a)

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

b)

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

c)

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

d)

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

49.

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

a)

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

b)

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

c)

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

d)

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

50.

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

a)

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

b)

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

c)

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

d)

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

51.

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

a)

Бүкіл бетке

b)

Кестеге

c)

Браузерге

d)

Стильге

52.

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

a)

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

b)

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

c)

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

d)

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

53.

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

a)

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

b)

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

c)

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

d)

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

54.

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

a)

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

b)

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

c)

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

d)

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

55.

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

a)

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

b)

HTML ғана

c)

JavaScript арқылы

d)

XML файлымен

56.

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

a)

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

b)

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

c)

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

d)

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

57.

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

a)

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

b)

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

c)

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

d)

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

Similar Resources on Wayground

Сыбайлас жемқорлыққа қарсы күрес туралы сұрақтар

60 questions

Сыбайлас жемқорлыққа қарсы күрес туралы сұрақтар

quiz

Worksheet

•

10th Grade - University

Всички въпроси с Excel

58 questions

Всички въпроси с Excel

quiz

Worksheet

•

9th - 12th Grade

Иммунология Вопросы

59 questions

Иммунология Вопросы

quiz

Worksheet

•

10th Grade