Основы верстки и макетирования

Что такое каскадные таблицы стилей (CSS)?

• Язык программирования для разработки веб-сайтов
• Стандартизованный язык разметки
• Язык стилизации для оформления веб-страниц
• Язык для определения внешнего вида веб-страницы

Выберите правильный тег для создания заголовка второго уровня в HTML

• <h1>
• <h3>
• <header>
• <h2>

Что такое блочные элементы в HTML?

• Элементы, которые отображаются в одну строку
• Элементы, анимация которых регулируется с помощью CSS
• Элементы, которые занимают всю доступную ширину
• Элементы, которые начинают новую строку и занимают всю ширину

Какой атрибут используется для указания пути к изображению в теге <img>?

• src
• href
• link
• src

Что означает свойство CSS float?

• Обеспечивает внедрение текста вокруг элемента
• Управляет позиционированием элемента относительно родителя
• Создает фиксированное позиционирование элемента
• Выводит элемент влево или вправо, позволяя тексту вокруг

Какой из перечисленных тегов является встроенным (inline) элементом?

• <div>
• <span>
• <section>
• <span>

Что такое Box Model в CSS?

• Модель для определения структуры документа
• Модель, определяющая размеры и отступы элемента
• Определяет, как элементы внутри блоков располагаются
• Модель, описывающая отступы, рамки, содержание и поле элемента

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

• <link>
• <a>
• <href>
• <a>

Что такое Flexbox в CSS?

• Инструмент для создания анимаций
• Модель компоновки для распределения пространства между элементами
• Область для работы с изображениями
• Модуль CSS для организации гибкого расположения элементов

Как задать в CSS серый цвет текста?

• color: black;
• color: #0000ff;
• color: rgb(255,255,255);
• color: #808080;

Что означает свойство display: none в CSS?

• Скрывает элемент с отображения на странице
• Делает элемент невидимым только при наведении
• Обнуляет все стили элемента
• Препятствует отображению элемента и удаляет его из разметки

Выберите правильную структуру CSS-селектора для класса «menu»

• .menu
• #menu
• menu
• .menu

Что такое позиционирование static в CSS?

• Это значение по умолчанию, и элемент располагается согласно обычному потоку документа
• Элемент позиционируется относительно ближайшего позиционированного предка
• Элемент фиксируется относительно окна браузера
• Элемент располагается согласно стандартному потоку документа

Для чего используется тег <meta> в HTML?

• Для вставки изображений
• Для создания мета-информации, например, кодировки и viewport
• Для определения внешних таблиц стилей
• Для мета-информации о странице, такой как кодировка и настройки просмотра

Что такое адаптивная верстка?

• Верстка, которая отображается одинаково на всех устройствах
• Верстка, использующая только фиксированные размеры
• Верстка, автоматически подстраивающаяся под размер экрана устройства
• Верстка, адаптирующаяся под различные размеры экранов и устройства

В чем разница между padding и margin в CSS?

• Padding — внутренний отступ, margin — внешний отступ
• Padding — внешний отступ, margin — внутренний отступ
• Padding управляет границей, margin — цветом фона
• Padding — внутренний отступ внутри элемента, margin — внешний отступ за границей

Какой из методов можно использовать для подключения внешнего файла стилей CSS?

• <style>
• <script>
• <link>
• <link>

Что такое медиа-запросы в CSS?

• Функции для создания анимаций
• Инструкции для определения условий отображения стилей в зависимости от устройства
• Метод для загрузки изображений
• Инструкции, позволяющие применять стили в зависимости от характеристик устройства

Что делает свойство CSS position: fixed?

• Располагает элемент относительно его родителя
• Располагает элемент относительно окна браузера и фиксирует его положение при прокрутке
• Размещает элемент в потоке документа без изменений
• Фиксирует элемент относительно окна браузера, оставаясь на месте при прокрутке

Что такое HTML в контексте веб-разработки?

• Графический редактор
• Язык программирования
• Инструмент для создания макетов

Что обозначает тег <div> в HTML?

• Определяет строку текста
• Создает таблицу
• Является контейнером для группировки элементов
• Добавляет ссылку

Что такое каскадные таблицы стилей (CSS)?

• Язык программирования для бекенд-разработки
• Инструмент для создания интерактивных элементов
• Файл для хранения изображений
• Язык описания внешнего вида документа HTML

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

• <image>
• <pic>
• <photo>
• <img>

Что такое адаптивная верстка?

• Верстка, которая содержит анимацию
• Верстка для мобильных устройств
• Верстка, которая автоматически подстраивается под размер экрана
• Верстка без использования CSS

Что задает свойство display: none в CSS?

• Делает элемент невидимым и исключает его из потока документа
• Делает элемент отображаемым
• Делает элемент фоном
• Скрывает элемент и убирает его из визуальной части страницы

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

• <hyperlink>
• <link>
• <url>
• <a>

Что такое Flexbox в CSS?

• Инструмент для создания галерей
• Метод позиционирования элементов по сетке
• Модуль для гибкого размещения и распределения пространства внутри контейнера
• Стиль для анимации элементов

Как задается ширина элемента в CSS?

• margin
• height
• padding
• width

Что означает свойство position: absolute в CSS?

• Элемент позиционируется относительно окна браузера
• Элемент позиционируется относительно ближайшего позиционированного предка
• Элемент автоматически размещается по центру
• Элемент становится фиксированным на странице

Что такое семантические теги HTML?

• Теги, позволяющие добавлять анимацию
• Теги, которые используются только для таблиц
• Теги, создающие визуальный стиль элементов
• Теги, несущие смысловое значение для структуры документа

Что означает свойство float в CSS?

• Задает внутренний отступ
• Задает внешний отступ
• Позволяет элементам «переплывать» вокруг друг друга
• Закрепляет элемент в центре

Что такое БЭМ-методология в верстке?

• Подход к написанию CSS с использованием микросхем
• Язык программирования для создания компонентов
• Методика организации имен классов для повышения модульности
• Стандартизация HTML-тегов

Что такое «зип-код» в веб-разработке?

• Параметр для сжатия изображений
• Технология для ускорения загрузки сайта
• Кодировка символов
• Почтовый индекс, используемый для определения географического расположения

Что делает свойство box-sizing: border-box в CSS?

• Включает границы и padding в общую ширину и высоту элемента
• Задает прозрачность элемента
• Отвечает за прозрачность фона
• Уменьшает размер шрифта

Что такое гриды в CSS?

• Инструмент для создания анимаций
• Модуль для описания компоновки элементов по двум осям
• Формат изображений
• Тип сетевых соединений

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

• <nav>
• <header>
• <section>
• <aside>

Что такое «media queries» в CSS?

• Определение и применение стилей в зависимости от типа устройства, размера экрана
• Создание анимаций
• Объявление переменных
• Механизм адаптивной верстки для различных устройств

Что значит «responsive design»?

• Дизайн, который меняется при нажатии кнопки
• Дизайн, который создается только для десктопа
• Дизайн, использующий только фиксированные размеры
• Дизайн, который подстраивается под размер устройства для комфортного просмотра

Анна

Исследования ученых о взаимосвязи ума и красоты говорят о том, что умные люди – красивые!

Задать вопрос

Представленная информация была полезной?

ДА

87.1%

НЕТ

12.9%

Проголосовало: 248

или напишите нам прямо сейчас:

Написать в MAXНаписать в TelegramНаписать в WhatsApp

Отзывы наших клиентов

1 2 ... 12 ►