Перед решением задач изучите теорию к данному уроку.

Задачи для решения

На цвета

Для решения задач данного блока вам понадобятся следующие CSS свойства: color.

Сделайте все абзацы <p> красного цвета.

Сделайте все <h1> зеленого цвета.

Сделайте все <h2> голубого цвета.

Сделайте все <h3> оранжевого цвета.

На style

Для решения задач данного блока вам понадобятся следующие HTML атрибуты: style.

Сделайте первый на странице абзац <p> зеленого цвета.

Сделайте второй на странице абзац <p> красного цвета.

На ширину и высоту

Для решения задач данного блока вам понадобятся следующие CSS свойства: width, height.

Сделайте все абзацы <h2> шириной 300px.

Сделайте все таблицы <table> шириной 400px, высотой 200px.

На выравнивание

Для решения задач данного блока вам понадобятся следующие CSS свойства: text-align.

Поставьте все <h1> по центру.

Поставьте все <h2> по правому краю.

Сделайте так, чтобы текст в абзацах <p> был выровнен одновременно и по правому и по левому краю.

Сделайте так, чтобы во втором абзаце <p> текст был выровнен по центру.

Поставьте все <th> по левому краю.

Поставьте все <td> по центру.

На жирность

Для решения задач данного блока вам понадобятся следующие CSS свойства: font-weight.

Сделайте все <td> жирным.

Сделайте <h1> нежирным.

Сделайте одновременно <th>, <h1> и <h2> нежирным.

На курсив

Для решения задач данного блока вам понадобятся следующие CSS свойства: font-style.

Сделайте все <h2> курсивом.

Сделайте все абзацы <p> курсивом, а первый абзац - нет.

На размер шрифта

Для решения задач данного блока вам понадобятся следующие CSS свойства: font-size.

Сделайте все <h2> 20px.

Сделайте все абзацы <p> 15px.

На семейство

Для решения задач данного блока вам понадобятся следующие CSS свойства: font-family.

Сделайте для абзацев <p> шрифт Arial.

Сделайте для <h2> шрифт Times New Roman.

Сделайте для <h3> любой шрифт без засечек.

На межстрочный интервал

Для решения задач данного блока вам понадобятся следующие CSS свойства: line-height.

Сделайте межстрочный интервал для абзацев <p> в 30px.

На свойство-сокращение font

Для решения задач данного блока вам понадобятся следующие CSS свойства: font.

Закомментируйте все стили для абзацев.

Для <p> сделайте шрифт Arial, 16 пикселей, курсив, жирный, межстрочный интервал в 30px.

Для <h1> сделайте следующий шрифт: нежирный, 20 пикселей, Verdana.

На красную строку

Для решения задач данного блока вам понадобятся следующие CSS свойства: text-indent.

Сделайте красную строку в абзацах 30px.

Для второго абзаца <p> уберите красную строку.

На вертикальное выравнивание

Для решения задач данного блока вам понадобятся следующие CSS свойства: vertical-align.

Поставьте текст в таблице <table> по верхнему краю по вертикали.

Поставьте текст в <th> по центру по вертикали.

Повторите страницы по образцу

Повторите страницу по данному по образцу:

Вы можете открыть этот пример в отдельной вкладке браузера.

Повторите страницу по данному по образцу:

Вы можете открыть этот пример в отдельной вкладке браузера.