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

Правильних відповідей: 0/10

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

У нас є Telegram канал – підписуйся!

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

100

✅ 1

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. За допомогою якого тега, можна зробити нумерований список?

✅ ol

#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%

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

✅ Так

Ні

CSS Головоломки в Telegram

Підписуйся і не пропускай:

Актуальні новини

Цікаві завдання

Корисні добірки

Перейти до Telegram

Наш рейтинг

🏆Найкращий хостинг для сайту

9/10

8/10

8/10

8/10

8/10

7/10

7/10

Что читают?

🏆Популярные записи

Як зробити гамбургер (бургер) меню – готовий код та докладне пояснення

Поява елементів при скролі

Як зробити плавне збільшення картинки при наведенні – ефект на чистому CSS

Як вирівняти картинку по центру за допомогою CSS

Як змінити колір SVG у CSS

Перевірка знань

🤔Чи добре ви знаєте 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