Привет! Меня зовут Анна Блок, и сегодня мы поговорим про единицы измерения в CSS. Наверняка, многие из вас знают о таких единицах измерения, как px и %. Однако, по мимо всего прочего, мы разберем, как работают rem, em, vh, vw, vmax и vmin. Cтатья получится большой, поэтому разобьем её на две части. Здесь мы поговорим о том, как эти единицы измерения влияют на размер шрифта, т.е на font-size. А во второй части затронем тему, насколько удобно использовать такие единицы измерения для того что бы управлять свойствами padding, margin, height, width и border-radius. Специально для вас я создала интерактивную шпаргалку, где наглядно отображены основные единицы измерения...

Пиксели Указание размера в пикселях - это наилучший вариант, чтобы убедиться, что шрифт будет отображаться в нужном размере, поскольку значение в процентах и единицах em могут варьироваться, если пользователь изменит используемый в браузере размер текста по умолчанию. 12 - пиксельная шкала h1 — 24px h2 — 18px h3 — 14px body — 12px 16 - пиксельная шкала h1 — 32px h2 — 24px h3 — 18px body — 16px Проценты В web - браузерах размер текста по умолчанию равен 16 пикселям. При использовании процентных величин,...