Индивидуальный рабочий лист
| Предмет | Информатика |
| Тема | Оформление веб-страницы |
| Класс/Возраст | 10 класс |
| ФИО педагога | ____________________ |
| Школа | ____________________ |
| ФИ ученика | ___________________________ |
| Дата | ___________________________ |
Инструкция для ученика:
Прочитай каждое задание внимательно. Выполняй задания по порядку. Если что-то непонятно — подними руку и спроси учителя. У тебя всё получится!
Короткая лекция (запиши в тетрадь):
CSS — это язык стилей, который делает веб-страницы красивыми. Мы будем использовать 6 свойств:
- color — цвет текста. Например:
color: red;— текст будет красным. - background-color — цвет фона. Например:
background-color: yellow;— фон станет жёлтым. - font-size — размер текста. Например:
font-size: 20px;— текст будет крупным. - margin — внешний отступ (расстояние между элементами). Например:
margin: 10px;— отступ со всех сторон. - padding — внутренний отступ (расстояние от границы до содержимого). Например:
padding: 15px;— отступ внутри элемента. - border — граница (рамка). Например:
border: 2px solid black;— чёрная рамка толщиной 2 пикселя.
Запомни: каждое свойство пишется через двоеточие, а в конце ставится точка с запятой.
Задание 1 (2 балла). Соедини стрелками
Соедини стрелкой CSS-свойство и его описание. Пиши номер рядом с буквой.
| CSS-свойство | Описание |
|---|---|
| 1. color | А) Внешний отступ |
| 2. background-color | Б) Цвет текста |
| 3. font-size | В) Рамка |
| 4. margin | Г) Цвет фона |
| 5. padding | Д) Внутренний отступ |
| 6. border | Е) Размер текста |
Ответ запиши в тетрадь в виде: 1 - __, 2 - __, 3 - __, 4 - __, 5 - __, 6 - __.