HTML & CSS - серия 2

Расстояние между буквами, словами и строчками

Конечно, между буквами можно и пробелы поставить :) Но красивее (во всех смыслах) воспользоваться свойством letter-spacing, которое можно задать, например, в пикселях:

Аналогично, чтобы задать расстояние между словами, используем word-spacing:

Теперь зададим высоту строки, точнее говоря, расстояние между строчками. Для этого воспользуемся свойством line-height:

Изменяя
расстояние между строчками, можно добиться того, чтобы строки наезжали
друг на друга. Это иногда используется для создания "многослойного"
текста.

Подчёркнутый или зачёркнутый текст

Подчёркнутый
и зачёркнутый текст также можно получить, просто используя парные теги
... и ..., соответственно. Однако
стили здесь приведены не для того, чтобы Вы печатали побольше букв. В
некоторых случаях нужно задавать именно стили, но об этом будет
отдельный разговор.

Обратите внимание, что тег используется дважды.

Советую
также заглянуть на страничку по ссылке - там есть кое-что из того, что я
пропускаю (например, как оформить нижние и верхние индексы).

Мерцающий текст

Задаётся опять-таки при помощи свойства text-decoration:

Данная "фича" работает только в Opera и Firefox :(.

Текст с тенью

Задаётся при помощи свойства text-shadow:

Здесь
указывается смещение вправо и вниз. Если надо задать смещение влево и
вверх, используются отрицательные значения. В качестве единиц измерения
здесь лучше брать относительные (em), хотя абсолютные (px) тоже
работают. О единицах измерения (размерах) говорилось в прошлой серии. Напомню, что em - размер по отношению к ширине буквы "m" в исходном шрифте.

Источник Проксима