Чтобы изменить размер текста в 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. Использование относительных единиц позволяет создавать адаптивный дизайн, который лучше приспосабливается к разным размерам экранов.
1 комментарий к “Как менять размер текста в CSS”
В CSS широкие возможности «поиграть» со шрифтами и размерами, но все же основное правило дизайна — самый простой шрифт делает восприятие наиболее полным и комфортным. А размер нужен только для выделения, чтобы обратить внимание.