Тест: Как хорошо Вы знаете CSS?

Юлия Кузьмина
23078
Тест: Как хорошо Вы знаете CSS?

CSS - язык описания внешнего вида веб-документа. С помощью CSS оформлены большинство страниц в интернете. Тест охватывает важные разделы CSS, без знания которых разработчику будет сложно профессионально работать в сфере. Готовы? Вперед!

Какое из этих значений НЕ может быть значением для font-size?

Размер шрифта должен иметь единицу измерения или быть из набора констант: xx-small, x-small, small, medium, large, x-large, xx-large

50%

2 mm

4

xx-large

Какая строка задает изображение для фона и повторяет его по вертикали?

background: url(images/back.png) repeat-y;

background: url(images/back.png) repeat-x;

background-image: url(images/back.png) repeat-y;

background: images/back.png; repeat-y;

Какое свойство нужно добавить в тег img, чтобы получить тень внутри картинки?

box-shadow: 0 0 5px #000;

img-shadow: inset 0 0 5px #000;

img-shadow: inset 5px #000;

box-shadow: inset 0 0 5px #000;

Какое значение НЕ может быть у border-style?

dotted

color

inset

groove

Перед разработчиком стоит задача: поместить текст в блок 100px х 150px. Блок должен отступать от границ страницы на 10 см сверху и на 5 слева, а текст от границ блока - на 5 пикселей сверху, 15 слева и справа и на 10 снизу. Как правильно реализовать эту задачу?

padding – это отступ содержимого блока от его края, а margin – расстояние от одного блока до другого или до границ страницы

Как правильно писать комментарии в CSS файле?

// Комментарий

/* Комментарий */

*** Комментарий ***

Какого размера будет текст в теге , если к документу относится стиль из кода ниже?

em - относительная величина, которая позволяет задавать кратные значения размера от базового. Следовательно, значение из body будет удвоено: 14*2=28pt

14pt

28pt

2em

2pt

Как правильно задать тег, который будет описывать класс стиля для элемента div?

Классы задаются с помощью # (#class { }), а идентификаторы - через точку (.id { })

#class

.class

div:class

class:div

Как правильно подключить документ с css-стилем в html-файл?

Как объявить стиль для печати?

@media print { }

.print { }

print { }

Как задать цвет шрифту?

font-color: #FF0000;

font-color: red;

color: red;

font: #FF0000;

К какому селектору нужно применить свойство margin, чтобы изменить отступы на всей странице?

body

head

html

title

Для чего используется символ плюса между селекторами (например, P + B { /* style */ })?

В приведенном примере стиль будет применяться к тегу b, который будет следовать после тега p в html-коде.

Для объединения стилей

Для управления стилем соседних элементов

Для задания общих правил стиля

Символ плюса не используется

Как задать отдельный стиль для ссылок на домены рунета?

a[href$=".ru"] { /* style */ }

a.ru { /* style */ }

if (href="*.ru"} a { /* style */ }

.ru { /* style */ }

Какой псевдокласс используется для описания стиля, который активируется при нахождении курсора в пределах элемента, но без щелчка по этому элементу?

:active

:focus

:lang

:hover

Junior разработчик

Похоже, Вы еще только начинаете знакомство с CSS! Не забывайте совмещать изучение теории с практикой, и у Вас обязательно все получится. Удачи! Поделитесь тестом с друзьями и проверьте их уровень знаний CSS!

Middle разработчик

Вы неплохо разбираетесь в CSS, можете грамотно создавать различные стили для страниц, но какие-то пробелы в знаниях все равно присутствуют. Надеемся, этот тест помог их выявить! Изучите новые темы и потренируйтесь на задачах, у Вас обязательно получится! Поделитесь тестом с друзьями и проверьте их уровень знаний CSS!

Senior разработчик

Вы - настоящий мастер своего дела, можете создавать необычные стили и оформлять страницы идеально вне зависимости от сложности требований заказчика. Поздравляем! Не забывайте оттачивать свое мастерство, ведь знания CSS очень важны на пути обучения веб-разработке. Поделитесь тестом с друзьями и проверьте их уровень знаний CSS!

Какое из этих значений НЕ может быть значением для font-size?
1 / 15
Какая строка задает изображение для фона и повторяет его по вертикали?
2 / 15
Какое свойство нужно добавить в тег img, чтобы получить тень внутри картинки?
3 / 15
Какое значение НЕ может быть у border-style?
4 / 15
Перед разработчиком стоит задача: поместить текст в блок 100px х 150px. Блок должен отступать от границ страницы на 10 см сверху и на 5 слева, а текст от границ блока - на 5 пикселей сверху, 15 слева и справа и на 10 снизу. Как правильно реализовать эту задачу?
5 / 15
Как правильно писать комментарии в CSS файле?
6 / 15
Какого размера будет текст в теге <p>, если к документу относится стиль из кода ниже?
7 / 15
Как правильно задать тег, который будет описывать класс стиля для элемента div?
8 / 15
Как правильно подключить документ с css-стилем в html-файл?
9 / 15
Как объявить стиль для печати?
10 / 15
Как задать цвет шрифту?
11 / 15
К какому селектору нужно применить свойство margin, чтобы изменить отступы на всей странице?
12 / 15
Для чего используется символ плюса между селекторами (например, P + B { /* style */ })?
13 / 15
Как задать отдельный стиль для ссылок на домены рунета?
14 / 15
Какой псевдокласс используется для описания стиля, который активируется при нахождении курсора в пределах элемента, но без щелчка по этому элементу?
15 / 15

Считаем результаты...

Полезная и короткая реклама помогает нам создавать новый контент каждый день.