Начнём оформлять статьи в блоке «Немного теории», которые мы разметили с помощью списка определений. В этом задании мы оформим заголовки статей и информацию об источнике.

Ранее мы разметили название статьи и информацию об источнике с помощью тега dt, а внутри него выделили с помощью тега i сами источники информации.

Сейчас для удобства стилизации добавим тегу dt класс reference-title, обозначающий «заголовок в справочнике». А тегу i добавим класс reference-source, обозначающий «информация об источнике в справочнике».

И теперь зададим текстовые параметры для элементов, используя свежесозданные классы.

Отметим, почему мы не разметили заголовки тегами h3. Несмотря на то, что названия похожи на заголовки, заголовки по спецификации нельзя включать в теги dt, поэтому мы оставили тексты названий только в качестве простого текста внутри терминов.

А ещё обратим внимание на то, что для тега <i> в CSS мы зададим курсивный шрифт свойством font-style. Несмотря на то, что тег <i> в браузере по умолчанию отображается курсивом, лучше явно задать в CSS это свойство ещё раз. Так мы будем уверены, что в случае замены тега в разметке на другой, элемент по-прежнему будет курсивным.

Со спецификацией для тега dt, а также для многих других можно ознакомиться тут.