Как менять размер текста в CSS

Чтобы изменить размер текста в CSS, вы можете использовать свойство font-size. Это свойство позволяет установить размер шрифта для любого текста на странице.

Синтаксис:

selector {
  font-size: value;
}

selector — это имя класса, ID, типа или любого другого типа селектора CSS, к которому вы хотите применить стиль.

value — это значение размера шрифта, которое вы хотите установить. Его можно задать в пикселях (px), процентах (%) или других единицах измерения.

Пример:

body {
  font-size: 16px;
}

h1 {
  font-size: 36px;
}

p {
  font-size: 20px;
}

В этом примере, размер шрифта для всего тела документа (body) установлен на 16 пикселей. Заголовок первого уровня (h1) имеет размер шрифта 36 пикселей, а обычный абзац (p) имеет размер шрифта 20 пикселей.

Если вы хотите изменить размер шрифта для конкретной части текста, например, для одного слова или фразы, вы можете использовать тег <span> и определить класс или ID для него:

<span class="small-text">Этот текст - мелкий</span>

span#big-text {
  font-size: 24px;
}

span.small-text {
  font-size: 12px;
}

В этом примере, текст, содержащийся в теге <span> с идентификатором big-text, будет иметь размер шрифта в 24 пикселя, а текст, содержащийся в теге <span> с классом small-text, будет иметь размер шрифта только 12 пикселей.

Также можно использовать относительные единицы измерения, такие как em и rem. Использование относительных единиц позволяет создавать адаптивный дизайн, который лучше приспосабливается к разным размерам экранов.