🧑🎓 Индивидуальный рабочий лист
Предмет: Информатика | Класс: 10
Тема: Основы CSS — цвет, фон, шрифт, отступы, границы
Педагог: ____________________ Школа: ____________________
ФИ ученика: ___________________________ Дата: ______________
📘 Инструкция для тебя:
🔹 В этом листе — 5 заданий. Все они про то, как сделать веб-страницу красивой с помощью CSS.
🔹 Внимательно читай каждое задание. Если что-то непонятно — перечитай ещё раз или посмотри пример сверху.
🔹 Ответы записывай прямо в отведённые места (строчки, таблицы).
🔹 Не торопись, работай аккуратно. Ты справишься! 💪
📖 Задание 1. Лекция + конспект🎯 Цель: запомнить 6 главных CSS-свойств и их значения.
🔍 Короткая лекция (читай и записывай в тетрадь):
CSS — это язык, который «одевает» веб-страницу. Без неё всё серое и некрасивое.
Вот 6 свойств, которые ты сегодня выучишь. Перепиши их в тетрадь (каждое с примером):
| Свойство | Что делает | Пример значения |
|---|---|---|
color |
Цвет текста | red, #336699 |
background-color |
Цвет фона элемента | lightyellow, #f0f0f0 |
font-size |
Размер шрифта | 20px, 1.5em |
margin |
Внешний отступ (снаружи элемента) | 15px, 10px 20px |
padding |
Внутренний отступ (внутри элемента) | 10px, 5px 15px |
border |
Граница (рамка) вокруг элемента | 2px solid black |
✏️ А теперь ответь на вопросы (письменно):
- Какое свойство отвечает за цвет текста?
- Какое свойство делает фон элемента жёлтым?
- Напиши значение для
font-size, чтобы текст был крупным (например, 24 пикселя): - Чем отличается
marginотpadding? Объясни своими словами: - Напиши свойство и значение, чтобы вокруг блока появилась тонкая синяя рамка:
🎯 Цель: научиться замечать неправильную запись CSS-свойств.
Ниже записаны фрагменты CSS-кода. В каждом фрагменте есть одна ошибка. Найди её и напиши исправленный вариант.
Фрагмент 1: