Итоги

В этом уроке мы узнали, что:

• Элементы strong и em придают тексту смысл, а внешний вид текста задаёт CSS.
• font-family задаёт шрифт. Его значение — список запасных вариантов: браузер берёт первый шрифт из списка, который у него есть. Список мы заканчиваем универсальным семейством — serif, sans-serif или monospace — и никогда не берём его в кавычки. Названия шрифтов с пробелами пишутся в кавычках: "Times New Roman".
• Шрифт и остальные свойства текста наследуются, поэтому основной шрифт мы задаём для body.
• font-weight задаёт жирность текста от 100 до 900; normal — это 400, а bold — 700. Шрифт выглядит по-разному только в тех начертаниях, которые в нём есть.
• font-style: italic делает текст курсивным, а font-style: normal снова делает его прямым.
• font-size задаёт размер текста. Кроме пикселей, мы используем rem: 1rem — это базовый размер шрифта в браузере, обычно 16 пикселей, и размеры в rem учитывают настройки посетителя.
• line-height задаёт высоту строки. Число без единицы измерения, например 1.6, — это кратность размера шрифта, и оно растёт вместе с ним.
• text-align выравнивает текст: left, right, center или justify.
• text-transform меняет регистр букв (uppercase, lowercase, capitalize), а letter-spacing — расстояние между ними.
• Веб-шрифты загружаются вместе со страницей, например с Google Fonts, с помощью элементов link в head. Запасные шрифты мы оставляем в списке на случай, если шрифт не удастся загрузить.

В следующем уроке, «Блочная модель CSS», мы выясним, сколько места занимают элементы и как добавлять отступы внутри них и вокруг них.