игра брюс 2048
Главная / Интернет-технологии / Основы работы с CSS / Тест 2

Основы работы с CSS - тест 2

Упражнение 1:
Номер 1 
Укажите сокращенный вариант записи правила:
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/12pt Helvetica }  

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

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

Номер 2 
Укажите сокращенный вариант записи правила:
H1 { 
font-weight: bold; 
font-size: 14pt;
line-height: 12pt; 
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/12pt Helvetica }  

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

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

Номер 3 
Укажите сокращенный вариант записи правила:
P { 
font-weight: bold; 
font-size: 14pt;
line-height: 12pt; 
font-family: Arial; 
font-variant: normal;
font-style: normal;
font-stretch: normal;
font-size-adjust: none
}

Ответ:

 (1) P { font: bold 12pt/14pt Arial }  

 (2) P { font: bold 14pt/12pt Arial }  

 (3) P { font: bold 12pt/14pt}  

 (4) P { font: 14pt/12pt Arial }  

Упражнение 2:
Номер 2 
Какие свойства получат свои начальные значения в примере:
H1 { font: bold 12pt/14pt Helvetica }

Ответ:

 (1) 'font-family'  

 (2) 'font-weight  

 (3) 'font-variant'  

Упражнение 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 }  

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

Ответ:

 (1) HR { width:50px }  

 (2) 'width'  

 (3) { width:50px }  

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

Ответ:

 (1) P  

 (2) 'font-family'  

 (3) { 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: bold }"?

Ответ:

 (1) H2 { font-weight: bold }  

 (2) 'font-weight'  

 (3) 'bold'  

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

Ответ:

 (1) I  

 (2) { font-weight: bold }  

 (3) 'bold'  

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

Ответ:

 (1) B  

 (2) B { font-weight: bold }  

 (3) 'bold'  

Упражнение 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 
Укажите атрибуты тэга LINK, которые используются для ссылки на внешнюю таблицу стилей:

Ответ:

 (1) "rel"  

 (2) "href"  

 (3) "text/html"  

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

Ответ:

 (1) "/...\"  

 (2) "{...}"  

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

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

Ответ:

 (1) ":"  

 (2) "/"  

 (3) ";"  

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

Ответ:

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

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

 (3) <LINK href="first.css" type="text/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="one.css" type="text/css">  

Номер 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>  

Упражнение 10:
Номер 1 
С помощью какого элемента можно сослаться на внешнюю таблицу стилей?

Ответ:

 (1) <UL>  

 (2) <TABLE>  

 (3) <LINK>  

Номер 2 
С помощью какого элемента можно поместить в документ таблицу стилей?

Ответ:

 (1) <STYLE>  

 (2) <TABLE>  

 (3) <LINK>  

 (4) <P>  

Номер 3 
С помощью какого элемента можно сослаться на внешнюю таблицу стилей?

Ответ:

 (1) <TABLE>  

 (2) <LINK>  

 (3) <STYLE>  



Главная / Интернет-технологии / Основы работы с CSS / Тест 2