Как выбрать размер текста на сайте в HTML?

HTML позволяет задавать размер текста при помощи свойства "font-size". Это свойство может быть задано как в абсолютных, так и в относительных единицах измерения.

Абсолютные единицы измерения, такие как пиксели (px) и пункты (pt), представляют собой конкретные значения размера символов. Например, значение "font-size: 16px" задаст тексту размер шрифта в размере 16 пикселей. Однако использование абсолютных единиц может привести к проблемам масштабирования, когда пользователь меняет размер шрифта в браузере.

Относительные единицы измерения, такие как проценты (%) и em, относятся к размеру шрифта родительского элемента. Например, значение "font-size: 200%" задаст размер шрифта, в два раза больший, чем у родительского элемента. Значение "font-size: 1.2em" задаст размер шрифта, на 20% больший, чем у родительского элемента.

Примеры кода:

1. Задание размера текста в абсолютных единицах

Это текст с размером шрифта 20 пикселей

2. Задание размера текста в относительных единицах

    
Это текст с размером шрифта, на 20% больший, чем у родительского элемента
    

        
А это текст в списке с размером шрифта, на 20% больший, чем у предыдущего элемента