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

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 пунктов). • Понимание этих единиц необходимо для нашего курса веб-разработки и будущих оценок. • Используйте то, что кажется вам разумным, но учитывайте все возможные варианты при создании сложных веб-страниц.