21776
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!
