Оформление HTML-элементов с помощью каскадных таблиц стилей #

Документация #

Ознакомьтесь с основами языка CSS для стилизации HTML-элементов:

• MDN Что такое CSS?
• MDN Начало работы с CSS
• MDN Как структурирован CSS
• MDN Как работает CSS

Задача #

Примените полученные знания, чтобы применить оформление к HTML-странице.

Подготовка к выполнению задачи #

Создайте файл cv.html с содержимым, которое находится на странице по ссылке. Рядом с ним создайте файл cv.css, содержащий CSS-стили со страницы по ссылке.

Если Вы корректно разместили документ, то при его открытии Вы должны увидеть следующий документ:

Работа с CSS #

Файл cv.html описывает часть биографии Jane Doe, которое было оформлено с помощью CSS. Для формирования документа использовались следующие CSS-свойства, со ссылками на документацию MDN:

• background-color
• border
• border-bottom
• color
• font-family
• font-weight
• font-size
• text-decoration
• padding

Для применения стилей к элементам документа в рамках CSS-разметки используются селекторы, классы и псевдо-классы.

Вам необходимо внести следующие изменения в CSS-стиль:

1. Сделайте заголовок первого уровня розовым, использовав название цвета hotpink.
2. Добавьте заголовку первого уровня нижнюю границу в виде точек размера 10px. Используйте для этого CSS-свойство border-bottom. В качестве цвета для границы используйте purple.
3. Используйте курсив для показа заголовков второго уровня.
4. Для ненумерованного перечисления (элемент ul) используйте цвет фона (свойство background-color) значение #eeeeee. Также добавьте сплошную границу шириной в 5 пикселей с помощью свойства border. Также добавьте пустого пространства с использованием свойства padding.
5. Сделайте так, чтобы при наведении на ссылку она приобретала зелёный цвет.

После внесения всех изменений страница должна выглядеть примерно так:

Рекомендуется посмотреть на другие CSS-свойства, описанные на Mozilla Developer Network, и применить их к данному документу.