Лекционный и практический материал по теме Форматирование текста с помощью CSS

Практическая работа №2Форматирование текста
Задание 1
Выравнивание текста
<style type="text/css">h1 {text-align:center;}p.date {text-align:right;}p.main {text-align:justify;}</style>

Задание 2
Преобразование букв текста, оформление текста.
<style type="text/css">
h1 {text-decoration:overline;}
h2 {text-decoration:line-through;}
h3 {text-decoration:underline;}
h4 {text-decoration:blink;}
p.uppercase {text-transform:uppercase;}
p.lowercase {text-transform:lowercase;}
p.capitalize {text-transform:capitalize;}
</style>

Задание 3
Красная строка. Разреженный и уплотненный шрифт.
<style type="text/css">
p {text-indent:50px;}
h1 {letter-spacing:2px;}
h2 {letter-spacing:-3px;}</style>

Задание 4
Направление текста. Расстояние между словами.
<style type="text/css">
div.ex1 {direction:rtl;}
p{
word-spacing:30px;
}
</style>

Добавить абзац, где будет запрет на перенос по строкам.
Задание 5
Создать документ, в котором будут вставлены изображения относительно текста, по верху текста и по низу текста. Используя img.top и img.bottom