Тест з CSS з відповідями

На цій сторінці ви зможете пройти тест з CSS і дізнатися свій результат. Ми підготували вам тест з відповідями, щоб вам легше було виправити свої недоліки і бути більш підготовленим.

На кого розраховано цей тест із CSS? Звичайно, його може спробувати пройти й новачок, проте йому, можливо, буде важко відповісти на всі запитання. Також навряд чи цей тест підійде школярам. Хоча можливо серед учнів знайдуться й ті, хто правильно відповість на всі запитання. Але основи CSS потрібно знати обов’язково.

Бажаємо успіху у проходженні тесту!

#1. Яке значення встановлено за умовчанням для opacity?

#2. Якого псевдоелемента НЕ існує в CSS?

#3. Як правильно оголосити змінну в CSS?

#4. Якщо у елемента значення position встановлено як static, чи спрацює для нього z-index?

#5. За допомогою якого тега, можна зробити нумерований список?

#6. Який псевдоклас спрацює під час встановлення курсору в текстове поле (input)?

#7. Який із перелічених нижче селекторів має найвищий пріоритет?

#8. Як зробити так, щоб кожне слово в тексті починалося з великої літери?

#9. Яка ширина HTML-елемента div без вмісту?

#10. CSS-властивість background-image може містити декілька зображень.

CSS Головоломки в Telegram
Підписуйся і не пропускай:
Актуальні новини
Цікаві завдання
Корисні добірки
Перейти до Telegram
Наш рейтинг
🏆Найкращий хостинг для сайту
1
Ukraine
9/10
2
HostPro
8/10
3
TutHost
8/10
4
Hostiq
8/10
5
Cityhost
8/10
6
Freehost
7/10
7
UAhosting
7/10
Что читают?
🏆Популярные записи
Як зробити гамбургер (бургер) меню – готовий код та докладне пояснення
Переглядів: 43488
Поява елементів при скролі
Переглядів: 33709
Як зробити плавне збільшення картинки при наведенні – ефект на чистому CSS
Переглядів: 30104
Як вирівняти картинку по центру за допомогою CSS
Переглядів: 22098
Як змінити колір SVG у CSS
Переглядів: 20358
Перевірка знань
🤔Чи добре ви знаєте CSS?
Есть два блочных элемента, которые идут друг за другом в html. Какой будет оступ (margin) между ними, если задать им такие стили: 

.top {
  height: 30px;
  background-color: blue;
  margin-bottom: 10px;
}
.bottom {
  height: 30px;
  background-color: red;
  margin-top: 20px;
}
10px
20px
30px
Viva Magenta
🤔Колір 2023 року
Дослідницький інститут Pantone обрав головний колір 2023 року. Ним став карміново-червоний відтінок із фіолетовим підтоном, який назвали Viva Magenta.
#bb2649