Индивидуальный рабочий лист
____________________
Педагог: ____________________
Предмет: Информатика Класс: 10 Тема: Макет веб-страницы ФИ ученика: _________________________ Дата: ______________
Инструкция для ученика: Перед тобой 5 заданий, которые помогут разобраться с CSS-раскладкой (display, flexbox, grid). Внимательно читай каждое задание. Сначала записывай теорию в тетрадь, а затем выполняй практические шаги. Ответы пиши в отведённые поля. Удачи!
Задание 1. Мини-лекция и конспект 2 балла
Запомни и запиши в тетрадь:
• display: block — элемент занимает всю ширину родителя, переносит на новую строку (например, <div>, <p>).
• display: inline — элемент занимает только свою ширину, не переносит строку (например, <span>, <a>).
• display: flex — одномерная раскладка (в ряд или колонку). Главные свойства: justify-content (по главной оси), align-items (по поперечной).
• display: grid — двумерная раскладка (строки и колонки). Главные свойства: grid-template-columns, grid-template-rows, gap.
Твоя задача: Перепиши этот блок в тетрадь слово в слово. После этого напиши своими словами: чем отличается flex от grid? (Ответ запиши ниже).
Чем отличается flex от grid? (твой ответ):
______________________________________________________________________
______________________________________________________________________