Оформление текста, часть 1 / Задаём регистр символов с помощью text-transform [9/16]
×

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

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

  1. lowercase — все строчные;
  2. uppercase — все прописные;
  3. capitalize — каждое слово начинается с прописной;
  4. none — отменяет изменение регистра.
Без классных наклеек и значков сейчас никуда. Заходите к нам в магазин.

Выполнить задание
HTML
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Задаем регистр символов с помощью text-transform</title> </head> <body> <h1>Плохой Graceful Degradation</h1> <p>В самом простом случае плохого <span class="lower">Graceful Degradation</span> делается сайт для самых современных браузеров, а для устаревших в верхней части страницы добавляется сообщение, что <span class="lower">БРАУЗЕР СТАРОВАТ</span>. При этом никого не волнует, что будет происходить с сайтом в старом браузере: развалится он или нет, будет виден весь контент или что-то исчезнет.</p> <p><span class="capital">Другой распространенный вариант плохого Graceful Degradation — интерфейс перестает работать при отключенном JavaScript</span>. Простой пример: попробуйте отправить сообщение во ВКонтакте при отключенном JavaScript.</p> </body> </html>
CSS
h1 { font-size: 24px; }
HTML Academy

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

  1. Заголовок должен быть набран прописными.
  2. Теги с классом lower — строчными.
  3. Теги с классом capital — каждое слово начинается с прописной.
Теория Проверить Следующее задание
Идёт запись на курс Базовый HTML и CSS #16, который стартует 16 января.

Обсуждение и комментарии

Если у вас возникли сложности при прохождении задания, то вы можете обратиться за помощью на наш форум. Мы отслеживаем сообщения и постараемся ответить максимально быстро.

Пожалуйста, не пишите решение задач. Такие сообщения будут удаляться.

Перейти на форум или открыть комментарии.