Привет! Ты когда-нибудь задумывался, как на некоторых сайтах делают такие классные эффекты с фонами — например, затемненные фотографии с текстом, красивые наложения цветов или даже целые рисунки без использования картинок? Сегодня я расскажу тебе о секретном оружии веб-разработчиков — множественных фонах в CSS! Это как если бы у тебя было несколько прозрачных листов бумаги, которые ты накладываешь друг на друга, создавая классную многослойную картинку. Звучит интересно? Тогда поехали! Перед тем как мы погрузимся в множественные фоны, давай быстро вспомним, что такое свойство background в CSS...

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