wayground logo

Free Printable Worksheets

Font size

S
M
L
XL
Worksheets

Методолгия Бэм

Total questions: 13

Worksheet time: 8mins

Name
Class
Date
1.

Что такое БЭМ и для чего он используется?

a)

Методология для написания JavaScript кода

b)

Методология, которая улучшает организацию и читаемость CSS

c)

Фреймворк для работы с HTML

d)

Стандарт для написания документации

2.

Каковы основные принципы методологии БЭМ?

a)

Использование одного класса на элемент

b)

Разделение кода на блоки, элементы и модификаторы.

c)

Создание длинных и сложных классов.

d)

Применение инлайн-стилей.

3.

Как правильно называть классы в БЭМ?

a)

Использовать любые названия, которые нравятся.

b)

Следовать правилам "блокэлемент--модификатор".

c)

Использовать только латинские буквы

d)

Применять числа в названиях.

4.

Как БЭМ помогает избежать конфликтов стилей в CSS?

a)

Объединяя все стили в один файл.

b)

Используя уникальные имена классов для каждого блока.

c)

Применяя стили только к элементам.

d)

Используя !important для всех стилей.

5.

Правильно назван блок?

a)

Да

b)

Нет

c)

Не знаю

6.

Что такое модификатор?

a)

Функционально независимый компонент страницы, который может быть повторно использован. В HTML блоки представлены атрибутом class.

b)

Составная часть блока, которая не может использоваться в отрыве от него.

c)

Cущность, определяющая внешний вид, состояние или поведение блока либо элемента.

d)

Прием, позволяющий использовать разные БЭМ-сущности на одном DOM-узле.

7.

Верно прописана структура блока и элементов?

a)

Да

b)

Нет

c)

Не знаю

8.

Какой из перечисленных принципов работы с элементами относится к вложенности?

a)

Вложенность элементов допускается без ограничений.

b)

Элементы могут быть независимыми.

c)

Элемент всегда является частью другого элемента.

d)

Элементы не могут вкладываться друг в друга.

9.

Правильная запись?

a)

Да

b)

Нет

c)

Не знаю

10.

Что такое "семантическая верстка"?

a)

Семантическая верстка - это написание кода с учетом его значимости

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

Что такое флексбокс?

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

Какой CSS-свойство отвечает за изменение цвета текста?

(a)  

13.

Функционально независимый компонент страницы, который может быть повторно использован

(a)