Теория
Теория

Задаём регистр символов с помощью text-transform

Это задание архивной части. Перейдите по ссылке, чтобы пройти задание в актуальной части.

С помощью css можно управлять даже регистром символов: делать буквы строчными или прописными. Делается это с помощью свойства text-transform. Его значения:

lowercase — все строчные;
uppercase — все прописные;
capitalize — каждое слово начинается с прописной;
none — отменяет изменение регистра.

index.html
style.css

HTML

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Задаём регистр символов с помощью text-transform</title> <link rel="stylesheet" href="style.css"> </head> <body> <h1>Плохой Graceful Degradation</h1> В самом простом случае плохого Graceful Degradation делается сайт для самых современных браузеров, а для устаревших в верхней части страницы добавляется сообщение, что БРАУЗЕР СТАРОВАТ. При этом никого не волнует, что будет происходить с сайтом в старом браузере: развалится он или нет, будет виден весь контент или что-то исчезнет. Другой распространенный вариант плохого Graceful Degradation — интерфейс перестает работать при отключенном JavaScript. Простой пример: попробуйте отправить сообщение во ВКонтакте при отключенном JavaScript. </body> </html>

CSS

h1 { font-size: 24px; }

ЗадачиВыполнено

Экспериментируем с text-transform:

Заголовок должен быть набран прописными.
Теги с классом lower — строчными.
Теги с классом capital — каждое слово начинается с прописной.

Задаём регистр символов с помощью text-transform

Вход

Регистрация

Восстановление доступа