Результаты теста по 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