Тест на знание основ CSS. Чтобы пройти тест Вы должны знать основные виды селекторов (их синтаксис), знать основные свойства и их возможные значения.

Есть такой HTML-код: <p><span>Синий</span> не синий</p>. Какой CSS-код внутри тега <span> сделает синий цвет:

 Все представленные варианты подойдут

 p span {color: blue;}

 span {color: blue;}

 .blue (color: blue;}

Алексей написал такой HTML-код: <div id=”myid”>Содержимое</div>. Как задать стиль для тега <div>?

 div[myid] {margin: 1px;}

 div#myid {margin: 1px;}

 div.myid {margin: 1px;}

 .myid {margin: 1px;}

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

 active

 hover

 onmouseover

 link

Есть такой код: ul li:first-letter {font-size: 200%;}. Что он делает?

 Делает первую букву у первого элемента в нумерованном списке размером 200%.

 Ничего не делает, так как псевдоэлемента first-letter вообще не существует.

 Делает первую букву у каждого элемента ненумерованного списка размером 200%.

 Делает первую букву у первого элемента в ненумерованном списке размером 200%.

Какой вариант задания цвета НЕ сработает?

 color: #aaa;

 color: #aaaaaa;

 color: #000;

 color: #hhh;

Какой CSS-код написан правильно?

 <div> {border: 1px solid #ccc;}

 div {border: 1px solid #hhh;}

 div {border: 1px solid #ccc;}

 <div> {border: 1px solid #hhh;}

В каком из представленных ниже вариантов содержится явная ошибка:

 p span#text (font-size: 150%;}

 p text (font-size: 150%;}

 p {font-size: 150%;}

 p span {font-size: 150%;}

Какое свойство используется для задания отступов у блока?

 padding

 direction

 position

 margin

Какое свойство используется для задания полей у блока?

 direction

 padding

 position

 margin

Как правильно вставляются комментарии в CSS-код?

 # Мой комментарий #

 # Мой комментарий

 /* Мой комментарий */

 // Мой комментарий

 Загрузка …

Вопрос 1 из 10