5344 читали · 5 лет назад
Html+css: выравнивание блока по центру
В этой статье Практики HTML, мы познакомимся с тремя техниками центрирования блока Margin+width Этот фокус позволяет центрировать блок заранее определённой ширины, независимо от ширины экрана. Кроме того, если использовать max-width вместо width, то, даже если размер экрана пользователя окажется меньше ширины этого блока, то блок не выйдет за границы экрана, а будет равен ширине экрана. Это весьма распространенная практика. Техника проста: margin: 0 auto; max-width: 500px; и ваш блок (именно блочный элемент, а не строчный) окажется ровно в центре страницы...
Позиционирование элементов: разбор всех значений position в CSS
Всем привет, меня зовут Анна Блок, и эта статья будет посвящена довольно «острой» теме, которая связана с позиционированием элементов. Мы поговорим о свойстве position и его значениях: relative, absolute, sticky и fixed. Если ты постоянно задаешься вопросом, какое значение и в какой ситуации нужно использовать, то эта статья для тебя. Разбор начнём с теории и после опубликую примеры с кодом. Position Свойство position устанавливает способ позиционирования элемента относительно окна браузера или других элементов на web-странице...