Всем привет, в этой статье я расскажу и покажу, для чего нужно свойство position, применяемое в html/css. На самом деле, эти свойства используются в большинстве проектов front-end разработчиков, т.к. они упрощают работу с блоками кода в плане размещения на странице. Различают несколько свойств position: static, relative, absolute, fixed, sticky. Разберем каждый из них по порядку. Для наглядного примера будем использовать простую структуру блоков, идущих по порядку. Static Значение Static является значением блока по умолчанию для всех элементов...

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