Прежде, чем начать что-то делать, надо разобраться с принятыми единицами измерения. CSS поддерживает множество единиц измерения, но здесь будут описаны только самые часто-применяемые. px - пиксели Самая основная единица измерения, которая встречается практически везде - это пиксели. Пиксель - это точка минимального размера на вашем экране. Весь экран состоит из таких точек. Вообще, если мы говорим о CSS, то пиксели здесь не всегда будут равны тем самым точкам на экране. К примеру, если у вас Retina...

Новые единицы измерения cqw и cqh задают длину относительно размеров контейнера. На самом деле есть еще cqi, cqb, cqmin и cqmax, но в этом посте разберём работу первых двух. cq в начале - это сокращение от английского "query container". Третья буква после (w и h) сообщают нам, относительно чего будут происходить изменения. cqw — это 1% от ширины контейнера cqh — 1% от высоты контейнера Визуальные примеры Чтобы потестировать новые единицы измерения, я сделала простую разметку: Теперь можно для <p> добавить фон, чтобы он растянулся на всю ширину, так как <p> — это блочный элемент...