Повторите уровни 1–12 CSS Diner: вспомните, какой селектор
изучался на каждом уровне. Если уровень перестал получаться,
нажмите «Подсказка» и перечитайте объяснение синтаксиса.
2. Скопируйте hobby.html из задания 2 в папку 02-css и переименуйте
в styled.html.
Основы HTML и CSS · учебный практикум
20
3. Рядом создайте файл style.css и подключите его в <head> страницы
тегом <link rel="stylesheet" href="style.css">. Убедитесь, что имена
совпадают и файлы лежат в одной папке.
4. В style.css напишите правило для тега body: цвет текста #2b2b2b,
шрифт Arial, без засечек (font-family: Arial, sans-serif), фоновый цвет
светло-кремовый (#faf8f2). Сохраните и убедитесь, что страница
изменилась.
5. Добавьте класс .accent для выделенных слов: цвет #b3541e и
жирное начертание. Присвойте этот класс трём элементам <strong>
на странице и проверьте результат.
6. Дайте главному заголовку id="top-heading" и стилизуйте его через
селектор идентификатора: цвет #333366, размер 32 пикселя.
7. Через селектор потомка задайте пунктам списков, лежащим
внутри <ul>, другой маркер и увеличенный межстрочный интервал
(line-height: 1.6).
