В этой статье Практики HTML, мы познакомимся с тремя техниками центрирования блока Margin+width Этот фокус позволяет центрировать блок заранее определённой ширины, независимо от ширины экрана. Кроме того, если использовать max-width вместо width, то, даже если размер экрана пользователя окажется меньше ширины этого блока, то блок не выйдет за границы экрана, а будет равен ширине экрана. Это весьма распространенная практика. Техника проста: margin: 0 auto; max-width: 500px; и ваш блок (именно блочный элемент, а не строчный) окажется ровно в центре страницы...

Современные пользователи заходят на сайты с самых разных устройств: смартфонов, планшетов, ноутбуков и широкоформатных мониторов. Чтобы ваш ресурс выглядел идеально на любом экране, важно понимать, как и зачем определять его размеры. Рассказываем, почему это критически важно для веб-разработчиков, дизайнеров и даже владельцев сайтов. Определение размеров экрана позволяет создавать адаптивные макеты, которые подстраиваются под разрешение устройства. Медиа-запросы в CSS — это основа, но знание точных параметров (например, с помощью JavaScript-свойств window...