Заглавные буквы и межбуквенный интервал

Свойство text-transform вы уже использовали в уроке о селекторах. Оно меняет регистр букв:

• uppercase: все буквы заглавные,
• lowercase: ВСЕ БУКВЫ СТРОЧНЫЕ,
• capitalize: каждое слово начинается с заглавной буквы,
• none: буквы такие, как в HTML (значение по умолчанию).

Почему бы не написать заголовок заглавными буквами прямо в HTML? Потому что заглавные буквы здесь — вопрос оформления, а не содержания. Текст в HTML остаётся как есть, и если потом мы захотим изменить дизайн, то поменяем только CSS.

Свойство letter-spacing добавляет расстояние между буквами. Текст заглавными буквами обычно лучше смотрится с небольшим дополнительным интервалом:

Домашняя кошка

Домашняя кошка

Отрицательное значение сближает буквы. Значение — это длина, например в пикселях.