Тест по 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
Что читают?
🏆Популярные записи
Как сделать гамбургер (бургер) меню — готовый код и подробное объяснение
Просмотров: 43479
Появление элементов при скролле
Просмотров: 33704
Как сделать плавное увеличение картинки при наведении — эффект на чистом CSS
Просмотров: 30093
Как выровнять картинку по центру с помощью CSS
Просмотров: 22093
Как изменить цвет SVG в CSS
Просмотров: 20355
Проверка знаний
🤔Хорошо ли вы знаете 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