Главная / Интернет-технологии / Применение каскадных таблиц стилей (CSS) / Тест 1

Применение каскадных таблиц стилей (CSS) - тест 1

Упражнение 1:

Номер 1

Укажите правильный вариант описания селектора

Ответ:

(1) H1 {color:red; font-size:20pt;}

(2) H1 {color:=red; font-size:=20pt;}

(3) H1 [color:=red; font-size:=20pt;]

Номер 2

Что является селектором, а что определением в следующем примере?
P { color:blue; }

Ответ:

(1) P - определение, {color:blue;} - селектор

(2) P - селектор, {color:blue;} - определение

(3) Здесь только селектор

(4) Здесь только определение

Номер 3

Укажите верное обращение к внешнему документу

Ответ:

(1)


<LINK REL="stylesheet" TYPE="text/css" HREF="http://intuit.ru/cool">

(2) <LINK REL:stylesheet TYPE="text/css" HREF="http://intuit.ru/cool">

(3) <LINK REL:=stylesheet TYPE="text/css" HREF="http://intuit.ru/cool">

Упражнение 2:

Номер 1

Является ли правильным следующее обращение к внешнему документу?

<STYLE TYPE="text/css">
@import: url(http://intuit.ru/basic.css);
H1 { color: blue };
</STYLE>

Ответ:

(1) да, это обращение правильное

(2) нет, это обращение неправильное

Номер 2

Укажите корректное описание стиля.

Ответ:

(1) <DIV STYLE:"color:red">:</DIV>

(2) <DIV STYLE="color:red">:</DIV>

(3) <DIV STYLE:="color:red">:</DIV>

Номер 3

Какой из вариантов синтаксически правильный?

Ответ:

(1) TD {font-size: normal; font-weight: 11pt; font-family; Verdana; Arial; Helvetica; sans-serif}

(2) TD {font-weight: normal; font-size: 11pt; font-family: Verdana, Arial, Helvetica, sans-serif}

(3) TD font-weight: normal; font-size: 11pt; font-family; Verdana, Arial, Helvetica, sans-serif

Упражнение 3:

Номер 1

Укажите недопустимое описание селектора

Ответ:

(1) P.blue {color:blue; font-size:20pt;}

(2) #blue {color:blue; font-size:20pt;}

(3) .blue {color:blue; font-size:20pt;}

(4) *blue {color:blue; font-size:20pt;}

Номер 2

Укажите возможные способы описания селектора

Ответ:

(1) A.red {color:red}

(2) #red {color:red}

(3) *red {color:red}

Номер 3

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

Ответ:

(1) H1 { font-weight:bold; }

(2) H1; H2; H3 { font-weight:bold; }

(3) H1, H2, H3 { font-weight:bold; }

Упражнение 4:

Номер 1

Укажите недопустимый способ описания селекторов

Ответ:

(1) h1;h2;h3;p strong {color:green; font-style:italic;}

(2) h1,i,h3,b,strong {color:green; font-style:italic;}

(3) h1,h2,h3,p,strong {color:green; font-style:italic;}

Номер 2

Укажите возможные способы описания селекторов

Ответ:

(1) h1,h2,h3,p,strong {color:green; font-style:italic;}

(2) h1,i,h3,b,strong {color:green; font-style:italic;}

(3) h1:h2,h3,p:strong {color:green; font-style:italic;}

(4) h1;h2;h3;p strong {color:green; font-style:italic;}

Номер 3

Укажите недопустимый способ описания селекторов

Ответ:

(1) h1-h3;p strong {color:green; font-style:italic;}

(2) h1,i,h3,b,strong {color:green; font-style:italic;}

(3) h1,h2,h3,p,strong {color:green; font-style:italic;}

Упражнение 5:

Номер 1

Какая строка определяет стиль ссылки в исходном состоянии?

Ответ:

(1) A:active {color: #666666; text-decoration: none}

(2) A:visited {color: #666666; text-decoration: none}

(3) A:link {color: #666666; text-decoration: none}

Номер 2

Какая строка определяет стиль посещенной ссылки?

Ответ:

(1) A:link {color: #666666; text-decoration: none}

(2) A:visited {color: #666666; text-decoration: none}

(3) A:active {color: #666666; text-decoration: none}

Номер 3

Какая строка определяет стиль активной ссылки?

Ответ:

(1) A:visited {color: #666666; text-decoration: none}

(2) A:link {color: #216612; text-decoration: none}

(3) A:active {color: #666666; text-decoration: none}

Упражнение 6:

Номер 1

Отметьте псевдоселекторы

Ответ:

(1) IMG:title:image

(2) P:first-letter

(3) A:link

(4) A:visited

Номер 2

Укажите правильный способ описания селектора?

Ответ:

(1) a.menu {color:red;background-color:white;text-decoration:none;}

(2) a.menu {color:red;backgroundcolor:white;textdecoration:none;}

(3) a.menu {color:red,background;color:white,text;decoration:none;}

Номер 3

Укажите неправильный способ описания селектора

Ответ:

(1) a.menu {color:red;background-color:white;text-decoration:none;}

(2) a.menu {color:red;backgroundcolor:white;textdecoration:none;}

(3) a.menu {color:red,background;color:white,text;decoration:none;}

Главная / Интернет-технологии / Применение каскадных таблиц стилей (CSS) / Тест 1