Результати тесту з CSS

Правильних відповідей: 0/10
😪 Це провал, друже. Спробуй підтягнути знання. На сайті є багато корисного матеріала. Рекомендую.

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

100
✅ 1
0
auto

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

::after
::first-letter
✅ ::last-letter
::selection

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

$main-color: black;
$mainColor: black;
@main-color: black;
✅ --main-color: black;
Тільки за допомогою препроцесорів

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

Так
✅ Ні

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

ul
✅ ol
dl
dd

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

:hover
:active
:not(:active)
✅ :focus

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

#text { color: red; }
.text { color: blue; }
div#text { color: yellow; }
✅ div#text { color: black; }

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

text-style: capitalize;
✅ text-transform: capitalize;
style: capitalize;
transform: capitalize;
Це неможливо в CSS

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

100px
0px
✅ 100%
0%

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

✅ Так
Ні
CSS Головоломки в Telegram
Підписуйся і не пропускай:
Актуальні новини
Цікаві завдання
Корисні добірки
Наш рейтинг
🏆Найкращий хостинг для сайту
9/10
8/10
8/10
4
8/10
8/10
7/10
7/10
Что читают?
🏆Популярные записи
Як зробити гамбургер (бургер) меню – готовий код та докладне пояснення
Переглядів: 27364
Поява елементів при скролі
Переглядів: 23788
Як зробити плавне збільшення картинки при наведенні – ефект на чистому CSS
Переглядів: 14737
Як вирівняти картинку по центру за допомогою CSS
Переглядів: 12966
Як змінити колір SVG у CSS
Переглядів: 10325
Перевірка знань
🤔Чи добре ви знаєте 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