Как задать стиль элементу рядом?

С помощью +
htmlbook.ru/samcss/sosednie-selektory

Как сделать наложение трех элементов (чтобы каждый каждый последующий был выше но самый последний был выше первого)?

Сергей К, знаю. Я вам уже два варианта написала за это время, а вы всё спорите.
1. Разрезать один из слоев.
2. Не заводить градиент под шапку. Зачем он там?

Как сверстать такой блок?

Больше интересует как расположить картинку

Вариантов полно: хоть просто bg и bg position. Если удобнее псевдоэлементом, то псевдоэлементом и абсолютом.
Но в разметке она лишняя. Да еще и в div завернутая. Это же не контент.

Как сделать наложение трех элементов (чтобы каждый каждый последующий был выше но самый последний был выше первого)?

Сергей К, нет на этой картинке ничего такого, что вы понарисовали и понарассказали в вопросе.
Градиент вообще не заходит ни под шапку ни на неё.

Да и дизайн начала нулевых можно бы уже сменить на что-то посовременнее.

Как поправить подвал сайта строго по центу?

Евгений Бойко, о какой пустоте речь?

И давайте убедимся: вы верстаете письмо?

Как поправить подвал сайта строго по центу?

Евгений Бойко, всё же получилось

Как поправить подвал сайта строго по центу?

Евгений Бойко,
Сложно представить как вам это поможет...

spoiler

Ну и ширину с центрированием всё равно придется задать по аналогии с другими таблицами.

И это, наверное, в помощь https://habr.com/ru/company/englishdom/blog/340852/

Как спозиционировать карточку без абсолютного позиционирования?

Иван Куликов, пройдите игру про гриды https://cssgridgarden.com/#ru
Она на полчаса.
После этого сделаете самостоятельно.

Если что-то не получится, сотворите песочницу на codepen.io и позовите.

Как поправить подвал сайта строго по центу?

Засунуть его в ячейку таблицы из которой он выпал.
Там у вас осталась пустая строка для этого.

Если это письмо

Как правильно сверстать символ в конце заголовка?

Danya Wyse, что именно не вышло?

Как спозиционировать карточку без абсолютного позиционирования?

Гридами очень удобно.

Как сделать чтобы все эелементы были такой же ширины как самый длинный из них?

Sigar49, ладно, я надеюсь, вы сами уже поняли несостоятельность варианта.

Как сделать чтобы все эелементы были такой же ширины как самый длинный из них?

Если не брать в расчет JS, то вот такой вариант:
элементы будут равной ширины до тех пора пока block влезает в родителя.
https://codepen.io/AnnaSummer/pen/vYdQJXg

Как сделать чтобы все эелементы были такой же ширины как самый длинный из них?

Sigar49, перешла. Попробовала. Ни одна из строк не попала.
https://codepen.io/AnnaSummer/pen/NWyEjwK

Как сделать наложение трех элементов (чтобы каждый каждый последующий был выше но самый последний был выше первого)?

Как сделать наложение трех элементов (чтобы каждый каждый последующий был выше но самый последний был выше первого)

Наверное, имелось с виду, ниже первого.

Но на картинке, он не ниже, а утыкается в край первого. Если бы он выглядывал из-под белого, тогда его просто нужно было разбить на 2 части.

Как сделать чтобы все эелементы были такой же ширины как самый длинный из них?

Sigar49, что да, если результат не тот?

Как сделать чтобы все эелементы были такой же ширины как самый длинный из них?

Sigar49, вы бы хоть пробовали, что предлагаете.

В чём заключается проблема подключения шрифта?

dieneri, будет нормальный полный пример или ссылка, позовите. Сейчас это бесполезная трата времени.

Как сделать разделенный и заблюренный задний фон под блоком?

Там нет никакого разделения.
Просто сделана подложка из той же самой картинки и filter: blur(5px);

Комбинаций много, можно вставить дубль как фон, как псевдоэлемент, можно backdrop-filter для псевдо или figure в которую обернута картинка и т.д.

https://codepen.io/AnnaSummer/pen/GRQYbyZ