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

Froggy Jumps

Jugadas 1 %Acierto 90 Tiempo medio 01:21

Crear copia

Sobre esta actividad

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

Creada por

Kostadin Tehov

Bulgaria

Descarga la versión para jugar en papel

Top 10 resultados

#	Jugador	Acierto	tiempo
1	Kostadin Tehov 17 de Junio de 2026	% 90	01:21

¿Quieres aparecer en el Top 10 de este juego? Inicia sesión para identificarte.

Crea tu propio juego gratis desde nuestro creador de juegos

Compite contra tus amigos para ver quien consigue la mejor puntuación en esta actividad

Crear reto

		%
	Anónimo	%
		%
		%

Imprime tu juego

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


Froggy Jumps Уеб дизайн: CSS Box ModelVersión en línea Игровият дигитален тест е предназначен за ученици от 10. клас по учебната тема „CSS Box Model“. Чрез играта учениците затвърдяват знанията си за основните части на модела на кутията в CSS: content, padding, border и margin. Ресурсът е подходящ за проверка на знанията след урок или за кратко упражнение в края на часа. por 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; }

Puedes integrar el juego en un LMS compatible con LTI 1.1 o LTI 1.3 como Canvas, Moodle, o Blackboard. De esta manera podrás guardar las puntuaciones automáticamente en el libro de calificaciones de esa plataforma.

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

Froggy Jumps

Sobre esta actividad

Creada por

Descarga la versión para jugar en papel

Top juegos

Froggy Jumps

Sabiduría animal

Froggy Jumps

Quiz de Culpa mía película

Froggy Jumps

OPEN UP 6 UNIT 1 VOCABULARY

Froggy Jumps

El valle de los lobos

Froggy Jumps

Salva a la Ranita

Froggy Jumps

Уеб дизайн: CSS Box ModelVersión en línea

por Kostadin Tehov

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

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

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

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

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

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

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

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

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

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