105. Насыщенность шрифта в CSS

Фраза «насыщенность шрифта» может показаться вначале незнакомой, но на самом деле вы знакомы с этим понятием. Жирное начертание, это один из примеров насыщенности шрифта. В CSS, чтобы изменить насыщенность шрифта, используется свойство font-weight.

CSS свойство font-weight принимает как буквенные, так и числовые значения. Буквенные значения: normal, bold, bolder, lighter. Кстати, если вы не указываете свойство font-weight, то по умолчанию оно равно normal. Числовые значения: 100, 200, 300, 400, 500, 600, 700, 800, 900. И последние значение, это inherit (если забыли, это означает наследование значения у родителя).

Не стоит забывать, что не каждый шрифт имеет все насыщенности. Зачастую шрифты имеют только normal и bold насыщенность. Далее смотрим первый пример, где мы сделали абзац жирного начертания.

Пример 1

p {
    font-family: Arial;
    font-weight: bold;
}

Похожие уроки Codebra

@codebra_official
Подписывайся на наш Telegram-канал!
Новости, полезный материал,
программирование и ИБ

Свойство background для работы с фономЦвета и фон

Условная инструкция if-elif-else в PythonЗнакомство с Python

Основы объектно-ориентированного программирования (ООП) в PythonЗнакомство с Python

Добавляем градиент к фону элементаЦвета и фон

Введение в раздел «Структуры данных в Python»Знакомство с Python

Селекторы классов и идентификаторовСелекторы в CSS

Типы данных в PythonЗнакомство с Python

Переменные и комментарии в PythonЗнакомство с Python

Поиск хостов с помощью NmapРазведка и сканирование

Предыдущий урок «104. Семейство шрифтов в CSS» Следующий урок «106. Размер шрифта в CSS»

HTML

CSS

Браузер

Вернуть расположение блоков

Код HTML

Код CSS

Браузер×

Задание

Восстановить код

Чтобы использовать все функции сайта (например: сохранение прогресса прохождения уроков, участие в рейтинге среди пользователей, прохождение тестов, просмотр внешних ссылок и скриншотов в некоторых курсах), вам нужно авторизоваться. Это можно сделать пройдя обычную регистрацию с использованием почты или в пару кликов, если у вас есть один из аккаунтов: ВКонтакте, GitHub, Google, Яндекс или Telegram.

Для заголовка первого уровня, который написан в HTML коде установите насыщенность шрифта 900.

– Не пропускайте новостей, подпишитесь на нашу страницу ВКонтакте, Telegram.

– На данный момент на сайте нет возможности оставлять комментарии, но Вы можете спросить в нашей Telegram-группе.

Необходимо авторизоваться, чтобы проверить задание
Это займет не больше минуты.