css

Знакомство с CSS

Описание задания:

Домашнее задание выполнять в редакторе по ссылке Домашнее задание к лекции «Знакомство с CSS»

1. Подключить файл, находящийся по ссылке, с помощью тега @import в окне для редактирования CSS.
2. Раскрасить заголовок первого уровня «Знакомство с CSS» с помощью атрибута style="background: #bebebe;".
3. Создать тег style в шапке сайта и изменить цвет шрифта элементов с классом .alter-color {color: #999999}.
4. Создать три CSS-правила в теге style:
   • Для абзацев со свойством color: #999999;
   • Заголовков 2 уровня font-style: italic;
   • Заголовков 3 уровня color: #0088CC.
5. Добавить в CSS стили для абзацев margin: 0 15px.
6. Добавить в CSS для абзацев c классом .cascade-paragraph стили background: #99FF99.
7. Сделать вложенный список третьего уровня красным только с помощью CSS без редактирования HTML.
8. Изменить основной цвет шрифта на странице на color: #404040.
9. Изменить цвет шрифта для ненумерованных списков на странице на color: #000000.
10. Найдите в интернете или справочниках, как можно сделать абзацы «как в классических книгах»:
    • Первая буква больше остальных;
    • Отступ первой строчки в абзаце от левого края больше, чем у остальных строк в абзаце.
11. Сделать у абзацев отступ первой строки 25px и первую букву color: #f00 и font-size: 25px.

Процесс реализации

1. Прочитать инструкцию по работе с онлайн-редактором Codepen.
2. Зарегистрироваться в Codepen.
3. После регистрации перейти по ссылке https://codepen.io/Netology/pen/xPyyJJ.
4. Нажать кнопку Fork.
5. Выполнить домашнее задание.
6. Нажать кнопку Save.
7. Скопировать адрес из адресной строки браузера.
8. В личном кабинете на сайте Нетологии открыть страницу домашней работы и вставить скопированную ссылку в поле «Комментарий к решению».

Никакие файлы загружать не нужно.