wayground logo

Free Printable Worksheets

Font size

S
M
L
XL
Worksheets

CSS

Total questions: 63

Worksheet time: 32mins

Name
Class
Date
1.

Бұл жағдайда селектор қайсы?

div{

width:50px; /* ширина */

height:50px; /* высота */

}

a)

width

b)

div

c)

height

d)

Жауаптардың барлығы дұрыс

e)

дұрыс жауап жоқ

2.

CSS те сыныпты қалай белгілейміз?

a)

class

b)

id

c)

#

d)

.

e)

Барлық жауап дұрыс

3.

CSS те идентификаторды қалай белгілейміз?

a)

class

b)

id

c)

#

d)

.

e)

Барлық жауап дұрыс

4.

Веб-бетте бірегей элементтерді анықтау үшін не қолданылады?

a)

Селектор

b)

Идентификатор

c)

Сынып

d)

Қасиет

e)

Барлық жауап дұрыс

5.

CSS те әмбебап селекторды қалай белгілейміз?

a)

class

b)

id

c)

#

d)

.

e)

*

6.

CSS-те түс беру үшін қандай мәндерді қолданамыз?

a)

Оналтылық мәні

b)

RGB мәні

RGBA мәні.

c)

HSL мәні.

Hsla мәні.

d)

Жол мәндері

e)

Барлық жауаптар дұрыс

7.

CSS - те элементтердің мөлдірлігін орнатуға мүмкіндік беретін арнайы қасиет?

a)

color

b)

opacity

c)

bacground-color

d)

bacground-image

e)

Барлық жауап жоқ

8.

Ең көп таралған қаріптер?

a)

Arial

b)

Helvetica

c)

Verdana

d)

барлық жауап дұрыс

9.

CSSмәтінді курсивпен бөлектеуге мүмкіндік береді

a)

<b> </b>

b)

<i> </i>

c)

Font-style

d)

Font-weight

e)

барлық жауаптар дұрыс

10.

CSSмәтінді курсивпен бөлектеуге мүмкіндік береді

a)

<b> </b>

b)

<i> </i>

c)

Font-style

d)

Font-weight

e)

барлық жауаптар дұрыс

11.

CSSмәтінді қаріп қалыңдығын өзгертуге не мүмкіндік береді?

a)

<b> </b>

b)

<i> </i>

c)

Font-style

d)

Font-weight

e)

барлық жауаптар дұрыс

12.

CSSте жол аралығын орнату үшін не қолданылады?

a)

line-height

b)

text-indent

c)

list-style-type

d)

list-style-position

e)

барлық жауап дұрыс

13.

CSSте Тізімдерді стильдеу үшін не қолданылады?

a)

line-height

b)

text-indent

c)

list-style-type

d)

list-style-position

e)

барлық жауап дұрыс

14.

CSSте бірінші жолдың абзацын өзгерту үшін не қолданылады?

a)

line-height

b)

text-indent

c)

list-style-type

d)

list-style-position

e)

барлық жауап дұрыс

15.

CSSте нөмірленбеген тізімдер үшін қандай белгіше қоямыз:

a)

Латын әріптері

b)

Латын сандары

c)

disc

circle

square

d)

жұлдызша белгісі

e)

барлық жауап дұрыс

16.

Бос ұяшықтар үшін эскиз режимін орнататын қасиет?

a)

border-collapse

b)

border-spacing

c)

caption-side

d)

empty-cells

e)

table-layout

17.

CSSте қандай қасиетпен сыртқы шегініс сипаттаймыз?

a)

div

b)

border

c)

padding

d)

margin

e)

барлық жауап дұрыс

18.

CSSте қандай қасиетпен ішкі шегініс сипаттаймыз?

a)

div

b)

border

c)

padding

d)

margin

e)

барлық жауап дұрыс

19.

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

a)

border-width:

b)

border-style

c)

border-color

d)

border

e)

border-radius

20.

CSS синтаксисін жазып көрсет

(a)  

21.

Суретті фон ретінде орнату үшін қандай қасиет қолданылады?

a)

background-color:

b)

background-image

c)

background-repeat:

d)

background-size:

e)

background-position:

22.

<Br> тегі не істейді?

a)

<Br> тегі мәтіндер арасына шағын жол қосады.

b)

<Br> тегі мәтінді басқа жолға тасымалдайды.

c)

<Br> мәтіндер арасына бос орын қояды.

d)

<Br> тегі мәтінді басқа жолға бұзбауға мүмкіндік береді.

23.

қай мәтін ең кіші болады?

a)

<h5> Combo /h5>

b)

<h6> Combo /h6>

c)

<h7> Combo /h7>

d)

<h8> Combo /h8>

24.

неге біз utf-8-ді utf-32,16-ға қарағанда көбірек пайдаланамыз?

a)

Өйткені utf-8 халықаралық таңбалардың кең ауқымына мүмкіндік береді.

b)

Өйткені utf-8 көптеген браузерлермен (chrome, safari) қолдау көрсетеді.

c)

Өйткені 8 саны жақсырақ көрінеді

d)

utf-8 аз орын алатындықтан (1-4 байт)

25.

қай тег нөмірленген тізімді береді?

a)

<ul>

b)

<ol>

c)

<li>

d)

<il>

26.

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

a)

<a></a>

b)

<link></link>

c)

<joint></joint>

d)

<linkage></linkage>

27.

CSS нені білдіреді?

a)

Colorful Style Sheets

b)

Cascading Style Sheets

c)

Carasive Style Sheets

d)

Common Style Sheets

28.

Html-ді CSS-ге қалай байланыстыруға болады?

a)

<link> тегін пайдаланыңыз

b)

<a> тегін пайдаланыңыз

c)

<joint> тегін пайдаланыңыз

d)

<linkage> тегін пайдаланыңыз

29.

"text decoration: none;"

a)

ол қажетсіз толтыруды жояды

b)

мәтін салмағын жояды

c)

безендіру мен сызықтарды жояды

d)

ол көк түсті жояды және қара түсті береді

30.

Css қашан пайда болды?

a)

1996 жылы

b)

1995 жылы

c)

1994 жылы

d)

1997 жылы

31.

html және css айырмашылығы неде?

a)

Html құрылымды береді, CSS стиль береді

b)

Html стиль береді, CSS құрылымды береді

c)

Олардың айырмашылығы жоқ

d)

puk puk

32.

Css-де қандай парантезді қолданамыз?

a)

()

b)

{}

c)

[]

d)

<>

33.

CSS-те идентификаторды таңдау үшін қандай белгіні пайдалануымыз керек?

a)

*

b)

&

c)

#

d)

!

34.

Селектор түрлері?

a)

Типтік, идентификаторлық, кластық, ұрпақтық

b)

Жұпты және жұпсыз

c)

Front-end, back-end

d)

<html> - </html>, <head> - </head>, <title> - </title>, <body> - </body>

35.

Веб-сайттағы барлық h1 тегінің стилі өзгереді?

a)

Типтік селектор

b)

Идентификаторлық селектор

c)

Кластық селектор

d)

Ұрпақтық селектор

36.

Веб-сайттан тек бір элементтің стилін өзгерту амалын орындай аламыз?

a)

Типтік селектор

b)

Идентификаторлық селектор

c)

Кластық селектор

d)

Ұрпақтық селектор

37.

Элементтер тобының стилін орнатуға арналған?

a)

Типтік селектор

b)

Идентификаторлық селектор

c)

Кластық селектор

d)

Ұрпақтық селектор

38.

Веб-сайттағы күрделі құрылымда анықталған (мысалы контейнерлердің ішінде анықталған)?

a)

Типтік селектор

b)

Идентификаторлық селектор

c)

Кластық селектор

d)

Ұрпақтық селектор

39.

CSS стильдері ережелерін браузер интерпретациядан өткізіп қажетті компонентке қолданады, ал әрбір ереже неше бөліктен тұрады?

a)

4

b)

5

c)

2

d)

3

40.
Style атрибутын қолдану арқылы анықталады?
a)
Браузер стилі
b)
Қолданушы стилі
c)
Ендірілген стиль
d)
Кіріктірілген стиль
41.
HTML құжатының ішінде орналасады?
a)
Браузер стилі
b)
Қолданушы стилі
c)
Ендірілген стиль
d)
Кіріктірілген стиль
42.
Құжатпен link элементінің көмегімен байланысады?
a)
Браузер стилі
b)
Байланысқан стиль
c)
Ендірілген стиль
d)
Кіріктірілген стиль
43.
Стиль түрлері?
a)
Қолданушы стилі, Ендірілген стиль, Кіріктірілген стиль, Байланысқан стиль, Импортталған стиль
b)
Интернет стилі, Қолданушы стилі, Ендірілген стиль, Кіріктірілген стиль, Байланысқан стиль, Импортталған стиль
c)
Қолданушы стилі, Ендірілген стиль, Кіріктірілген стиль, Байланысқан стиль, Импортталған стиль, Көркемдеу стилі
d)
Браузер стилі, Қолданушы стилі, Ендірілген стиль, Кіріктірілген стиль, Байланысқан стиль, Импортталған стиль
44.
Каскадты стильдер парақтары?
a)
CSS
b)
HTML
c)
JS
d)
Python
45.
Егер белгілі стиль анықталып, берілмесе, ондабраузердің стандарттары қолданылады?
a)
Браузер стилі
b)
Қолданушы стилі
c)
Ендірілген стиль
d)
Кіріктірілген стиль
46.
Style атрибутын қолдану арқылы анықталады?
a)
Браузер стилі
b)
Қолданушы стилі
c)
Ендірілген стиль
d)
Кіріктірілген стиль
47.
Құжатпен link элементінің көмегімен байланысады?
a)
Браузер стилі
b)
Байланысқан стиль
c)
Ендірілген стиль
d)
Кіріктірілген стиль
48.
Барлық тегтер ... басталып ... аяқталады.
a)
"(" басталып ,")" аяқталады
b)
"<" басталып ,">" аяқталады
c)
"{" басталып ,"}" аяқталады
d)
"[" басталып ,"]" аяқталады
49.
HTML тілінде web-бет немесе сайт жасау үшін қандай қосымша қолданамыз?
a)
paint
b)
Блокнот
c)
MS Word
d)
MS Excel
50.
HTML құжатының кеңейтілімі?
a)
.exe
b)
.com
c)
.htm, .html
d)
.doc
51.

Ә веб-беттің фоны мен мәтін түсі үшін #ffe9f2 және #6e143b түстерін таңдады және стильдерде келесі кодты пайдаланды, бірақ қажетті түстер пайда болмады. Себебі неде?body {
background-color: #ffe9f2
color: #6e143b
}

a)

денесі кіші әріптермен жазылады

b)

background-color қасиеті дұрыс емес, фондық жазу керек.

c)

Нүктелі үтір жоқ.

d)

Түс мәндері дұрыс емес.

52.

Қай жол дұрыс жазылған?

a)

1.     <P> { color: #333; }

b)

1.     P { color: #333; }

c)

1.     P: { color: #333;}

d)

1.     P { color: #3333; }

53.

Қай элемент <TITLE> тегінің негізгі элементі болып табылады?

a)

1.    <HEAD>

b)

1.    <BODY>

c)

1.    <HTML>

d)

1.    <META>

54.

Қандай псевдоэлемент сөйлемнің басына мәтін қосуға мүмкіндік береді?

a)

after

b)

1.    :first-line

c)

1.    :first-text

d)

1.    :before

55.

Қай селектор қате жазылған?

a)

1.    p.new:before

b)

1.    abbr:first-line

c)

1.    p.new.back:after

d)

1.    div:before:first-letter

56.

Элементтің фондық түсін орнату үшін  қандай код  қолданылады?

a)

color

b)

background-color

c)

fill-color

57.

Қалың немесе курсив сияқты мәтінді сәндеу үшін қандай CSS код қолданылады?

a)

text-decoration

b)

font-style

c)

font-weight

58.

CSS файлын HTML құжатына қалай қосуға болады?

a)

тег <style>...</style>

b)

<link rel="stylesheet" href="styles.css">

c)

<head><style>...</style></head>

59.

CSS-те қаріп өлшемін қалай өзгертуге болады?

a)

font-size

b)

text-size

c)

size-font

60.

CSS "text-align: center;" сипаты не істейді?

a)

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

b)

мәтін шегіністерін орнатады

c)

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

61.

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

a)

бет мәнерін анықтайтын Элемент

b)

фонның түсін көрсететін ереже

62.

Visual Studio Code  код редакторындағы ақылды мүмкіндіктер дегеніміз не?

a)

кодты өңдеудегі жасанды интеллект қабілеттері

b)

тек HTML-мен жұмыс істеуді жеңілдететін функциялар

c)

бағдарламашының рұқсатынсыз кодты автоматты түрде өзгерту

63.

Элементтің шегіністерін орнату үшін CSS-те қандай код қолданылады?

a)

space

b)

 indent

c)

padding