Мы полагаемся на CSS Media Queries для выбора и стилизации элементов на основе состояния. Это может быть что угодно, но обычно они делятся на два типа: (1) тип используемого носителя и (2) конкретная функция браузера, устройства или даже среды пользователя. Итак, скажем, мы хотим применить определенные стили CSS к печатному документу: Тот факт, что мы можем применять стили при определенной ширине области просмотра, сделал CSS Media Queries ключевым компонентом адаптивного веб-дизайна с тех пор, как Итан Маркотт ввел этот термин...

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