игра брюс 2048
Главная / Интернет-технологии / Спецификация CSS2 / Тест 3

Спецификация CSS2 - тест 3

Упражнение 1:
Номер 1 
Какие параметры одновременно можно установить, используя свойство 'font':

Ответ:

 (1) 'font-family'  

 (2) 'line-height'  

 (3) 'font-weight'  

 (4) 'font-space'  

Номер 2 
Запишите сокращенный вариант правил стиля:
H1 { 
font-weight: bold; 
font-size: 12pt;
line-height: 14pt; 
font-family: Helvetica; 
font-variant: normal;
font-style: normal;
font-stretch: normal;
font-size-adjust: none
}

Ответ:

 (1) H1 { font: bold 12pt/14pt Helvetica }  

 (2) H1 { font: bold 14pt/14pt Helvetica }  

 (3) H1 { font: bold 12pt/12pt Helvetica }  

Номер 3 
В примере H1 { font: bold 12pt/14pt Helvetica } свои начальные значение получат:

Ответ:

 (1) 'font-family'  

 (2) 'font-style'  

 (3) 'font-size-adjust'  

 (4) 'font-stretch'  

Упражнение 2:
Номер 1 
Чтобы установить голубой цвет текста элемента H1, надо записать правило:

Ответ:

 (1) H1 { color: black }  

 (2) H1 { color: blue }  

 (3) H1 { color: yellow }  

 (4) H1 { color: green }  

Номер 2 
Чтобы установить желтый цвет текста элемента H1, надо записать правило:

Ответ:

 (1) H1 { color: yellow }  

 (2) H1 { color: brown }  

 (3) H1 { color: grey }  

 (4) H1 { color: white }  

Номер 3 
Чтобы установить белый цвет текста элемента H1, надо записать правило:

Ответ:

 (1) H1 { color: grey }  

 (2) H1 { color: yellow }  

 (3) H1 { color: green }  

 (4) H1 { color: white }  

Упражнение 3:
Номер 1 
Что является селектором в примере:
P { font-size:10pt }

Ответ:

 (1) P  

 (2) 'font-size'  

 (3) 10pt  

 (4) { font-size:10pt }  

Номер 2 
Что является селектором в примере:
H2 { font-weight: bold }

Ответ:

 (1) { font-weight: bold }  

 (2) H2  

 (3) bold  

 (4) H2 { font-weight: bold }  

Номер 3 
Что является селектором в примере:
P { font-style:italic }

Ответ:

 (1) { font-style:italic }  

 (2) 'font-style'  

 (3) P { font-style:italic }  

 (4) P  

Упражнение 4:
Номер 1 
Что является объявлением в правиле:"H1 { color: brown }":

Ответ:

 (1) H1  

 (2) 'color'  

 (3) { color: brown }  

 (4) 'brown'  

Номер 2 
Что является объявлением в правиле: "HR { width:50px }":

Ответ:

 (1) HR { width:50px }  

 (2) 'width'  

 (3) '50px'  

 (4) { width:50px }  

Номер 3 
Что является объявлением в правиле "P { font-family:Arial }":

Ответ:

 (1) P  

 (2) 'font-family'  

 (3) 'Arial'  

 (4) { font-family:Arial }  

Упражнение 5:
Номер 1 
Что является свойством объявления в примере H1 { color: grey } ?

Ответ:

 (1) H1  

 (2) { color: grey }  

 (3) color  

Номер 2 
Что является свойством объявления в примере P { font-weight: oblique }?

Ответ:

 (1) { font-weight: oblique }  

 (2) 'font-weight'  

 (3) 'oblique'  

Номер 3 
Что является свойством объявления в примере HR { width:250px } ?

Ответ:

 (1) HR  

 (2) 'width'  

 (3) '250px'  

Упражнение 6:
Номер 1 
Что является значением объявления в правиле "H2 { font-weight: oblique }"?

Ответ:

 (1) H2 { font-weight: oblique }  

 (2) 'font-weight'  

 (3) 'oblique'  

Номер 2 
Что является значением объявления в правиле "I { font-weight: bold }"?

Ответ:

 (1) I  

 (2) { font-weight: bold }  

 (3) 'bold'  

Номер 3 
Что является значением объявления в правиле "B { font-weight: italic }"?

Ответ:

 (1) B  

 (2) B { font-weight: italic }  

 (3) 'italic'  

Упражнение 7:
Номер 1 
Укажите правильный вариант размещения таблицы стилей в документе:

Ответ:

 (1) <STYLE type="text/css"> H1 { color: blue } </STYLE>  

 (2) <STYLE type="text/css"> P { color: blue } </STYLE>  

 (3) <STYLE type="text/css"> I { color: blue } </STYLE>  

Номер 2 
Укажите правильный вариант размещения таблицы стилей в документе:

Ответ:

 (1) <STYLE type="text/css"> H1 { color: blue } </STYLE>  

 (2) <LINK rel="stylesheet" href="one.css" type="text/css">  

 (3) HR { width:250px }  

Номер 3 
Укажите правильный вариант размещения таблицы стилей в документе:

Ответ:

 (1) <STYLE type="text/css"> P { color: blue }  

 (2) <LINK rel="stylesheet" href="number.css" type="text/css">  

 (3) <STYLE type="text/css"> S { color: blue } </STYLE>  

Упражнение 8:
Номер 1 
Укажите пример корректного подключения внешней таблицы стилей:

Ответ:

 (1) <LINK rel="stylesheet" href="one.css" type="text/css">  

 (2) <LINK rel="stylesheet" type="text/css">  

 (3) <LINK href="first.css" type="css">  

Номер 2 
Укажите пример корректного подключения внешней таблицы стилей:

Ответ:

 (1) <LINK rel="stylesheet" href="bach.css" type="text/css">  

 (2) <LINK rel="stylesheet" href="one.css" type="text/css">  

 (3) <LINK href="first.css" type="css/text">  

Номер 3 
Укажите пример корректного подключения внешней таблицы стилей:

Ответ:

 (1) <HEAD> <LINK rel="stylesheet" href="table.css" type="text/css"> </HEAD>  

 (2) <STYLE> <LINK rel="stylesheet" href="table.css" type="text/css"> </STYLE>  

 (3) <BODY> <LINK rel="stylesheet" href="table.css" type="text/css"> </BODY>  

Упражнение 9:
Номер 1 
Укажите атрибуты тэга LINK, которые используются для ссылки на внешнюю таблицу стилей:

Ответ:

 (1) "stylesheet"  

 (2) "href"  

 (3) "text/html"  

Номер 2 
Какие символы используются при описании объявления?

Ответ:

 (1) "/...\"  

 (2) "{...}"  

 (3) "/*...*/"  

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

Ответ:

 (1) ":"  

 (2) "/"  

 (3) ";"  

Упражнение 10:
Номер 1 
В каком примере объявляются элементы инлайн-уровня, с применением XML?

Ответ:

 (1) INSTRUMENT { display: inline }  

 (2) ARTICLE, HEADLINE { display: block }  

 (3) PAGE { display: inline }  

 (4) AUTHOR, PARA { display: block }  

Номер 2 
Укажите псевдоэлементы:

Ответ:

 (1) 'first-line'  

 (2) 'font-weight'  

 (3) 'font-size'  

 (4) 'first-letter'  

Номер 3 
К замещаемым элементам HTML относятся:

Ответ:

 (1) IMG  

 (2) INPUT  

 (3) TEXTAREA  



Главная / Интернет-технологии / Спецификация CSS2 / Тест 3