Урок 24. Мініпроєкт "Афіша події"

Що потрібно задати батьківському елементу (.poster), щоб дочірній елемент (.title) з position: absolute позиціонувався відносно постера?

Яка CSS-властивість створює ефект "тіні" навколо цілого блоку (наприклад, картки)?

Яка CSS-властивість змінює курсор на "вказівний палець" (руку) при наведенні на кнопку?

Яка CSS-властивість встановлює зображення як фон для блоку <div>?

Що робить властивість background-size: cover;?

Для чого використовують position: absolute при створенні афіші?

Яка CSS-властивість найкраще допомагає "відірвати" білий текст від світлого фону, покращуючи читабельність?

Який набір властивостей розмістить елемент з position: absolute у лівому нижньому куті батьківського контейнера?

Які CSS-властивості допомагають керувати фоновим зображенням в афіші?

Які властивості обов'язково потрібні, щоб розмістити текст .title поверх блоку .poster?

Розробник хотів накласти заголовок .title на постер .poster, але заголовок з'явився після постера. У чому помилка?

.poster {
 background-image: url('img.jpg');
 position: relative;
}
.title {
 /* position: ???; */
 color: white;
}

Текст на афіші важко читати, бо він зливається з фоном. Яку властивість забули додати для покращення читабельності?

.title {
 position: absolute;
 top: 20px;
 left: 20px;
 color: white;
 font-size: 30px;
}