Ответы на курс: Основы работы с CSS
Что является свойством объявления в примере H1 { color: grey } ?
|
{ color: grey } |
|
H1 |
 |
color |
Укажите правильный вариант размещения таблицы стилей в документе:
|
<LINK rel="stylesheet" href="one.css" type="text/css">
|
|
<STYLE type="text/css">
H1 { color: blue }
</STYLE>
|
|
HR { width:250px } |
Что является селектором в примере P { font-size:10pt }?
|
P |
|
10pt |
|
{ font-size:10pt } |
|
‘font-size’ |
Что является значением объявления в правиле «H2 { font-weight: bold }»?
|
H2 { font-weight: bold } |
|
‘font-weight’ |
|
‘bold’ |
Что является селектором в примере P { font-style:italic }?
|
P |
|
{ font-style:italic } |
|
P { font-style:italic } |
|
‘font-style’ |
Что является объявлением в правиле «HR { width:50px }»?
|
HR { width:50px } |
|
‘width’ |
|
{ width:50px } |
Что является значением объявления в правиле «I { font-weight: bold }»?
|
{ font-weight: bold } |
|
‘bold’ |
|
I |
Укажите сокращенный вариант записи правила:
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
}
|
P { font: bold 14pt/12pt Arial } |
|
P { font: bold 12pt/14pt} |
|
P { font: 14pt/12pt Arial } |
|
P { font: bold 12pt/14pt Arial } |
Укажите допустимые значения свойства background-repeat:
|
repeat-y |
|
repeat |
|
loop |
Укажите корректный пример задания повторяющегося только по горизонтали фонового изображения:
|
<style type="text/css">
body
{
background-image: url(http://www.intuit.ru/picture.jpg);
background-repeat: repeat-horiz;
}
</style>
|
|
<style type="text/css">
body
{
background-image: url(http://www.intuit.ru/picture.jpg);
background-repeat: repeat-x;
}
</style>
|
|
<style type="text/css">
body
{
background-image: url(http://www.intuit.ru/picture.jpg);
background-repeat: repeat;
}
</style>
|
Укажите корректный пример задания фонового цвета элемента:
|
<style type="text/css">
p {bg-color: blue}
</style>
|
|
<style type="text/css">
ul {background-color: rgb(200,10,200)}
</style>
|
|
<style type="text/css">
ol {bground-fon: #00FFFF}
</style>
|
В каком примере текст в заголовках H1, H2 или H3 будет отображаться шрифтом italic?
|
H1 — H3 { font-style: italic } |
|
H1, H2, H3 { font-style: italic } |
|
H1; H2; H3 { font-style: oblique } |
Укажите свойство, позволяющее сделать текст подчеркнутым:
|
‘text-decoration’ |
|
‘text-media’ |
|
‘text-flash’ |
Какое свойство позволяет задать цвет текста?
|
fontcolor |
|
text |
|
color |
В каком примере текст тэга EM в заголовке H1 будет иметь обычное начертание?
|
H1 + EM { font-style: normal } |
|
H1 {EM { font-style: normal }} |
|
H1, EM { font-style: normal } |
Укажите правильный вариант определения отступа для текста размером ’3em’:
|
P { text-indent: 3em } |
|
P { text-inherit: 3em } |
|
P { text indent: 3em } |
Какой из примеров устанавливает маленькие заглавные буквы для заголовка H3 и наклонные — для выделенного текста (EM)?
|
H3 { font-variant: small-caps } EM { font-style: oblique } |
|
H3 { font-variant: small-caps } EM { font-style: cursive } |
|
H { font-variant: small-caps } EM { font-style: oblique } |
Укажите пример, в котором текст будет мигать:
|
{ text-decoration: overline } |
|
{ text-decoration: blink } |
|
{ text-decoration: underline } |
Выберите корректные примеры задания фонового цвета текста:
|
<style type="text/css">
span.fon
{
bgcolor red
}
</style>
|
|
<style type="text/css">
span.back
{
background-color: gray
}
</style>
|
|
<style type="text/css">
span.fon
{
background-color: red
}
</style>
|
Выберите корректный пример задания цвета текста:
|
<style type="text/css">
h3 {color: green;}
</style>
|
|
<style type="text/css">
span.back
{
background-color: gray;
}
</style>
|
|
<style type="text/css">
span::arial
{
color: red;
}
</style>
|
Укажите корректные примеры описания шрифтов:
|
p { font: status-bar }
|
|
h1 { font: italic 200 arial }
|
|
pre { oblique arial }
|
Какое свойство определяет семейство шрифтов?
|
‘font-style’ |
|
‘font-variant’ |
|
‘font-family’ |
В каких примерах свойство ‘font-size’ описано без ошибок?
|
BLOCKQUOTE { font-size: larger } |
|
EM { font-size: 150% } |
|
P { font-size: 12pt; } |
Какое свойство определяет шрифты диалоговых окон?
|
menu |
|
dialogs |
|
message-box |
Укажите корректные примеры описания шрифтов:
|
h1 { font: italic 200 arial }
|
|
font { oblique arial }
|
|
p { font: status }
|
Какой параметр можно использовать для задания свойств всех четырех сторон границы в одном объявлении?
|
setborder |
|
border-all |
|
border |
Какой параметр служит для задания толщины границы?
|
border-all-width |
|
border-width |
|
width |
Какой параметр можно использовать для задания цвета нижней стороны границы?
|
border-down-color |
|
border-bottom-color |
|
border-bottom-style |
Какой параметр служит для задания всех свойств нижней стороны границы в одном объявлении?
|
bottom |
|
border-bottom |
|
border-down |
Укажите корректный вариант задания цвета границы:
|
h6 { border-bottom-color: rgb(255,0,0) } |
|
h6 { border-bottom-color: rgb[255,0,0] } |
|
h6 { border-bottom-color: rgb(256,256,256) } |
Укажите корректный вариант задания цвета границы:
|
h2 { border-bottom: color=#800000} |
|
h2 { border-bottom #800000} |
|
h2 { border-bottom-color: #800000} |
Укажите вариант, в котором корректно заданы параметры полей:
|
h1.all {padding: 1 2 1 2} |
|
h1.all {padding: 1cm 2cm 1cm 2cm} |
|
h1.all {1cm 2cm 1cm 2cm} |
В каком примере ширина верхнего поля равняется 5px?
|
{padding: 20px 10px 5px 20px} |
|
{padding: 10px 10px 20px 5px} |
|
{padding: 5px 10px 15px 20px} |
Укажите вариант, в котором параметры полей заданы ошибочно:
|
p{padding-top: 5px} |
|
p{padding-top: 10pt} |
|
p{padding-top: 10} |
Укажите варианты, в которых корректно заданы параметры отступов:
|
p{margin-top: auto} |
|
p{margin-top: 5px} |
|
p{margin-top: 10%} |
Укажите вариант, в котором корректно заданы параметры отступов:
|
p{margin-top: none} |
|
p{margin-top: off} |
|
p{margin-top: auto} |
Укажите доступные значения параметра list-style-position:
|
inside |
|
outside |
|
right |
Укажите пример корректного задания маркеров:
|
ol{list-style: square inside «www.intuit.ru/image.gif»} |
|
ol{list-style: square src=»www.intuit.ru/image.gif»)} |
|
ol{list-style: none inside url(«www.intuit.ru/image.gif»)} |
Какой параметр задает тип маркера элемента списка?
|
list-style-type |
|
list-type |
|
list-style |
Какое значение параметра list-style-type определяет маркер — большие римские цифры?
|
roman |
|
big-roman |
|
upper-roman |
Какое значение параметра list-style-position определяет размещение маркера после текста?
|
inside |
|
outside |
|
такого параметра нет |
Какой параметр задает изображение в качестве маркера элемента списка?
|
list-style-icon |
|
list-style-image |
|
list-style-glyph |
Какой параметр задает минимальную высоту элемента?
|
min-height |
|
min-width |
|
height |
Укажите корректный вариант форматирования:
|
h6{max-width: 75%} |
|
div{max-width=75%} |
|
h6:max-width=75% |
Укажите доступные значения параметра max-width:
|
-2 |
|
5.1 |
|
10% |
|
none |
Укажите корректный вариант форматирования:
|
p{max-height: off} |
|
hr{left-height: 20%} |
|
div{max-height: 200%} |
Какой параметр задает максимальную ширину элемента?
|
max-height |
|
width |
|
max-width |
Укажите доступные значения параметра max-height:
|
none |
|
5.1 |
|
-2 |
|
10% |
Укажите доступные значения параметра width:
|
5px |
|
5 |
|
none |
|
10% |
Укажите доступные значения параметра max-width:
|
2.1 |
|
auto |
|
none |
|
10pt |
Какой параметр задает форму элемента?
|
form |
|
clip |
|
redraw |
Укажите корректные варианты форматирования:
|
pre{left: 50px} |
|
pre{position: left=50px} |
|
pre{position: absolute;left: 50px} |
Как установить курсор в виде знака вопроса?
|
help |
|
about |
|
help-arrow |
Укажите доступные значения параметра overflow:
|
resize |
|
invisible |
|
hidden |
|
auto |
Укажите варианты форматирования, в которых допущена ошибка:
|
pre{position: absolute;bottom: 50px} |
|
pre{position: absolute;bottom: nocellpadding} |
|
pre{position: abs} |
Какой псевдо-класс добавляет специальный стиль элементу, когда элемент находится в фокусе?
|
:active |
|
:focus |
|
:hover |
В каком примере будет создана начальная заглавная зависающая буква, захватывающая две строки:
|
<STYLE type="text/css">
P { font-size: 12pt; line-height: 12pt }
P:first-letter { font-size: 200%; font-style: italic;
font-weight: bold; float: left }
SPAN { text-transform: uppercase }
</STYLE>
|
|
<STYLE type="text/css">
P:first-letter { font-size: 200%; font-style: italic;
font-weight: bold; float: left }
SPAN { text-transform: uppercase }
</STYLE>
|
|
<STYLE type="text/css">
P { font-size: 12pt; line-height: 12pt }
SPAN { text-transform: uppercase }
</STYLE>
|
Какой псевдо-класс добавляет специальный стиль непосещенной ссылке ?
|
:visited |
|
:link |
|
:notvisited |
Какой псевдоэлемент можно использовать для «начальных заглавных» и «зависающих заглавных», которые являются распространенными типографскими эффектами?
|
:first-child |
|
:first-letter |
|
:before |
|
:first-line |
Перечислите параметры псевдо-элемента first-letter:
|
line-height |
|
double |
|
float |
|
clear |
Примером псевдокласса гиперссылок являются:
|
A.external:visited { color: blue } |
|
A:link { color: red } |
|
:link { color: red } |
Какой псевдо-класс добавляет специальный стиль элементу, который является первым потомком некоторого другого элемента?
|
:first |
|
:child |
|
:first-child |
Добавить комментарий
Для отправки комментария вы должны авторизоваться.