CIS195 | Настройка размера шрифта в пикселях, точках, Em и корневых Em

Описание: Не знаете, как определить размер шрифта в CSS? Эта лекция отвечает на распространённый вопрос студентов о том, почему следует использовать корневые em (rem) вместо абсолютных единиц, таких как пункты (pt) или пиксели (px).

Мы рассмотрим основы единиц измерения, отметив, что пункты и пиксели считаются абсолютными размерами, а em и rem — относительными. Узнайте о принципиальной разнице между em (которая может суммироваться во вложенных элементах) и rem (которая поддерживает единообразие, основанное на корневом размере).

Рассматриваемые темы:
• Пункты (pt): один пункт технически равен 1/72 дюйма.

• Рекомендуемый минимум для доступности — 11 пунктов.

• Корневые em (rem): установка размера корневого шрифта в 62,5% упрощает расчёты, где 1 rem равен 10 пикселям.

• Функция clamp(): устанавливает минимальный, стандартный и максимальный размер шрифта (например, никогда не меньше 11 пунктов и не больше 32 пикселей). • Единица em (em): одна единица em примерно соответствует стандартному размеру шрифта (около 16 пикселей или 12 пунктов).
• Понимание этих единиц необходимо для нашего курса веб-разработки и будущих оценок.
• Используйте то, что кажется вам разумным, но учитывайте все возможные варианты при создании сложных веб-страниц.