wayground logo

Free Printable Worksheets

NEW

Font size

S
M
L
XL
Worksheets

CSS Box Model және Кесте дизайн бойынша тест

Total questions: 15

Worksheet time: 8mins

Name
Class
Date
1.

Box Model құрамына не кіреді?

a)

Border, Margin, Color, Font

b)

Content, Padding, Width, Height

c)

Content, Padding, Border, Margin

d)

Padding, Margin, Background, Text

2.

CSS-те шекараның стилін қалай анықтаймыз?

a)

border: 4px double green;

b)

border: 2px dashed red;

c)

border: 3px dotted blue;

d)

border: 1px solid black;

3.

nth-child(even) не үшін қолданылады?

a)

Жұп жолдарды бояу

b)

Барлық жолдарды бояу

c)

Тек тақ жолдарды бояу

d)

Кесте шекарасын анықтау

4.

Кесте стильдерін анықтауда қандай CSS қасиеті қолданылады?

a)

overflow: hidden;

b)

display: block;

c)

table-layout: fixed;

d)

border-collapse: collapse;

5.

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

a)

Шекара

b)

Сыртқы аралық

c)

Мазмұн

d)

Ішкі аралық

6.

Кестенің ұяшықтарын қандай фонмен сәндеу керек?

a)

Көк фон

b)

Қызыл фон

c)

Сары фон

d)

Жасыл фон

7.

Hover эффекті қалай жазылады?

a)

tr:hover { background: yellow; }

b)

tr:hover { border: 1px solid black; }

c)

tr:hover { padding: 10px; }

d)

tr:hover { color: blue; }

8.

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

a)

Сыртқы аралық

b)

Ішкі аралық

c)

Шекара

d)

Мазмұн

9.

Кесте жасау үшін қандай HTML тегтері қолданылады?

a)

, ,

b)

    ,
  • ,

c)

, ,

d)

,
,

10.

Кесте ұяшықтарының стилін қалай анықтаймыз?

a)

tbody – дене стилі

b)

th, td – ұяшық стильдері

c)

table – кесте стилі

d)

tr – жол стилі

11.

Box Model-дің Content бөлігі не?

a)

Margin

b)

Padding

c)

Шекара

d)

Мазмұн

12.

Кестеге сыртқы шекара қою үшін қандай CSS қасиеті қолданылады?

a)

padding: 10px;

b)

border: 1px solid black;

c)

background: white;

d)

margin: 20px;

13.

nth-child арқылы жолдарды кезектестіру үшін қандай CSS кодын қолданамыз?

a)

nth-child(1)

b)

nth-child(3)

c)

nth-child(odd)

d)

nth-child(even)

14.

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

a)

width, height, margin

b)

color, font-size, text-align

c)

display, position, float

d)

border-collapse, th, td

15.

Кесте жолдарын бояу үшін қандай CSS кодын қолданамыз?

a)

tr { background: gray; }

b)

tr:hover { background: gray; }

c)

tr:nth-child(odd) { background: gray; }

d)

tr:nth-child(even) { background: gray; }