Уеб дизайн: CSS Box Model

Froggy Jumps

Played 1 %Accuracy 90 Average time 01:21

Create copy

About this activity

Игровият дигитален тест е предназначен за ученици от 10. клас по учебната тема „CSS Box Model“. Чрез играта учениците затвърдяват знанията си за основните части на модела на кутията в CSS: content, padding, border и margin. Ресурсът е подходящ за проверка на знанията след урок или за кратко упражнение в края на часа.

Created by

Kostadin Tehov

Bulgaria

Download the paper version to play

Top 10 results

#	Player	Accuracy	time
1	Kostadin Tehov June 16, 2026	% 90	01:21

Do you want to stay in the Top 10 of this game? Log in to identify yourself.

Make your own free game from our game creator

Compete against your friends to see who gets the best score in this game

Make challenge

		%
	Anonymous	%
		%
		%

Print your game

Уеб дизайн: CSS Box Model


Froggy Jumps Уеб дизайн: CSS Box ModelOnline version Игровият дигитален тест е предназначен за ученици от 10. клас по учебната тема „CSS Box Model“. Чрез играта учениците затвърдяват знанията си за основните части на модела на кутията в CSS: content, padding, border и margin. Ресурсът е подходящ за проверка на знанията след урок или за кратко упражнение в края на часа. by Kostadin Tehov 1 Какво представлява CSS Box Model? a Модел, който описва как всеки HTML елемент се представя като правоъгълна кутия. b Команда за създаване на таблици в HTML. c Вид JavaScript функция. 2 Коя част от CSS Box Model съдържа реалния текст или изображение? a Margin b Border c Content 3 Какво задава свойството padding? a Външното разстояние между елементите. b Вътрешното разстояние между съдържанието и рамката. c Цвета на текста. 4 Какво задава свойството margin? a Външното разстояние около елемента. b Дебелината на рамката. c Вътрешния цвят на елемента. 5 Кое CSS свойство се използва за създаване на рамка около елемент? a padding b border c margin 6 Кой пример е правилен за задаване на рамка? a border: 2px solid black; b frame: 2px black; c line: solid 2px; 7 Каква е основната разлика между padding и margin? a Няма разлика. b Padding е вътре в елемента, а margin е извън елемента. c Margin е вътре в елемента, а padding е извън елемента. 8 Какво ще направи следният код? .box { padding: 20px; } a Ще добави вътрешно отстояние от 20px. b Ще добави външно отстояние от 20px. c Ще създаде рамка от 20px. 9 Защо се използва box-sizing: border-box;? a За да се центрира текстът. b За да се премахнат всички стилове. c За да се включат padding и border в общата ширина и височина на елемента. 10 Кой от следните CSS кодове създава кутия с ширина, вътрешно отстояние, рамка и външно отстояние? a .box { text-align: center; font-weight: bold; } b .box { width: 300px; padding: 20px; border: 2px solid black; margin: 30px; } c .box { color: red; font-size: 20px; }

You can integrate the game into an LMS compatible with LTI 1.1 or LTI 1.3 such as Canvas, Moodle, or Blackboard. This way, the scores will be automatically saved into the platform’s gradebook.

Уеб дизайн: CSS Box Model

Froggy Jumps

About this activity

Created by

Download the paper version to play

Top Games

Froggy Jumps

pizza

Froggy Jumps

The Integumentary System

Froggy Jumps

Phlebotomy Order of Draw Quiz

Froggy Jumps

Ethos, Pathos, and Logos Quiz

Froggy Jumps

Bill of Rights Game - The Constitutionalist

Froggy Jumps

Уеб дизайн: CSS Box ModelOnline version

by Kostadin Tehov

Какво представлява CSS Box Model?

Коя част от CSS Box Model съдържа реалния текст или изображение?

Какво задава свойството padding?

Какво задава свойството margin?

Кое CSS свойство се използва за създаване на рамка около елемент?

Кой пример е правилен за задаване на рамка?

Каква е основната разлика между padding и margin?

Какво ще направи следният код? .box { padding: 20px; }

Защо се използва box-sizing: border-box;?

Кой от следните CSS кодове създава кутия с ширина, вътрешно отстояние, рамка и външно отстояние?