wayground logo

Free Printable Worksheets

Font size

S
M
L
XL
Worksheets

Верстка + Адавптив 2 Часть

Total questions: 18

Worksheet time: 10mins

Name
Class
Date
1.

За что отвечает атрибут type в теге input

a)
Атрибут type определяет тип данных для ввода в поле.
b)
Атрибут type используется для задания имени поля.
c)
Атрибут type указывает на максимальную длину ввода.
d)
Атрибут type определяет стиль отображения поля.
2.

Какое свойство CSS шрифт текста?

a)
font-size
b)
font-family
c)
font-weight
d)
text-align
3.

Какое CSS-свойство делает текст жирным?

a)
font-weight
b)
text-decoration
c)
line-height
d)
font-style
4.

Какой атрибут HTML указывает на альтернативный текст для изображения?

a)
title
b)
src
c)
href
d)
alt
5.

Какое CSS-свойство скрывает элемент, но оставляет место в разметке?

a)
display: none
b)

vis: true

c)
position: absolute
d)
opacity: 0
6.

Как сделать границу у блока?

a)
Примените атрибут 'style' в HTML.
b)
Используйте CSS-свойство 'border'.
c)
Добавьте класс 'border' в CSS.
d)
Используйте CSS-свойство 'margin'.
7.

Какое CSS-свойство задаёт внешние отступы элемента?

a)
padding
b)
border
c)
width
d)
margin
8.

Какой тег используется для создания строки в таблице?

a)

th

b)

td

c)

tr

d)

tt

9.

Какое свойство CSS делает элемент гибким (flex)?


a)
display: block;
b)
display: flex;
c)
align-items: center;
d)
flex-direction: row;
10.

Какое CSS-свойство выравнивает текст по центру?

a)
text-align: center;
b)

text-align: true;

c)
  • align: center;

d)
  • text-position: center;

11.

Какое CSS-свойство задаёт скругление углов?



(a)  

12.

В чем разница тегов head и body?

a)

Тег <head> содержит метаинформацию о странице , а <body> — видимое содержимое.

b)
  1. Тег <head> отвечает за отображение контента в браузере, а <body> хранит служебные данные (например, кодировку).

c)
  1. Тег <head> используется для структурирования основного содержимого страницы, а <body> — для подключения CSS и JavaScript, обработка скрипта и API данных

d)
  1. Тег <head> содержит только заголовок страницы (<title>), а <body> — всё остальное (включая метатеги и стили).

13.

В чем разница фиксированной и отзывчиво-адаптивной верстки?

a)
Фиксированная верстка используется только для мобильных устройств, а отзывчиво-адаптивная верстка для десктопов.
b)
Фиксированная верстка всегда выглядит одинаково на всех устройствах, а отзывчиво-адаптивная верстка меняет цвет фона.
c)
Фиксированная верстка адаптируется к размерам экрана, а отзывчиво-адаптивная верстка имеет фиксированные размеры.
d)
Фиксированная верстка имеет фиксированные размеры, а отзывчиво-адаптивная верстка адаптируется к размерам экрана.
14.

Какой CSS-медиазапрос используется для устройств с шириной экрана до 768px?

a)
@media (min-width: 768px)
b)
@media (width: 768px)
c)
@media (max-width: 768px)
d)
@media (max-width: 1024px)
15.

Какой подход чаще всего используют для адаптивного дизайна?

a)

Фиксированные размеры в пикселях (px)

b)

Абсолютное позиционирование (position: absolute)

c)

Относительные единицы (%, rem, vw/vh) и медиазапросы

d)

Использование только JavaScript

16.

Какой viewport-метатег необходим для корректного отображения на мобильных устройствах?

a)

<meta name="viewport content="/css/style/section/style.css">

b)

<meta name="viewport" content="width=device-width, initial-scale=1.0">

c)

<meta charset="UTF-8">

d)

<meta http-equiv="X-UA-Compatible" content="IE=edge">

17.

Какое CSS-свойство помогает создавать адаптивные изображения?

a)

background-color

b)

max-width: 100%

c)

float: left

d)

display: none

18.

В чем разница % и vw, vh?

a)

% зависит от родительского элемента, а vw и vh — от размеров окна браузера.

b)
  1. % позволяет добавлять параметры только для ширины (width), а vw и vh — для высоты (height).

c)
  1. % и vw/vh — это одно и то же, просто разный синтаксис.

d)
  1. % зависит от размера шрифта, а vw и vh — от размера экрана.