Результаты теста по 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
Что читают?
🏆Популярные записи
Как сделать гамбургер (бургер) меню — готовый код и подробное объяснение
Просмотров: 27366
Появление элементов при скролле
Просмотров: 23788
Как сделать плавное увеличение картинки при наведении — эффект на чистом CSS
Просмотров: 14737
Как выровнять картинку по центру с помощью CSS
Просмотров: 12966
Перенос сайта на Тильде на свой хостинг. Пошаговое руководство
Просмотров: 10750
Проверка знаний
🤔Хорошо ли вы знаете 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