Главная /
Интернет-технологии /
Применение каскадных таблиц стилей (CSS)
Применение каскадных таблиц стилей (CSS) - ответы на тесты Интуит
Правильные ответы выделены зелёным цветом.
Все ответы: Курс посвящен изучению способов гипертекстовой разметки с применением каскадных таблиц стилей (Cascade Style Sheets).
Все ответы: Курс посвящен изучению способов гипертекстовой разметки с применением каскадных таблиц стилей (Cascade Style Sheets).
Смотрите также:
Укажите правильный вариант описания селектора
(1)
H1 {color:red; font-size:20pt;}
(2)
H1 {color:=red; font-size:=20pt;}
(3)
H1 [color:=red; font-size:=20pt;]
Какой параметр можно использовать для задания свойств всех четырех сторон границы в одном объявлении?
(1)
border-all
(2)
border
(3)
setborder
Чему равен один типографский пункт?
(1)
1 pt
(2)
0,014 in
(3)
1 см
(4)
1 pc
Какое свойство позволяет изменить интервал между символами?
(1)
letter-spacing
(2)
space
(3)
para-spacing
Какой параметр позволяет задать способ визуализации элемента?
(1)
monitor
(2)
show
(3)
display
Является ли правильным следующее обращение к внешнему документу?
<STYLE TYPE="text/css">
@import: url(http://intuit.ru/basic.css);
H1 { color: blue };
</STYLE>
(1)
да, это обращение правильное
(2)
нет, это обращение неправильное
Какой параметр можно использовать для задания цвета нижней стороны границы?
(1)
border-down-color
(2)
border-bottom-color
(3)
border-bottom-style
Отметьте правильные типы шрифтов:
(1)
font-family: Arial, Helvetica, sans-serif
(2)
font-style: Arial, Helvetica, sans
(3)
font: Arial, Times, monospace
(4)
font-family: Arial, Times, Courier
Выберите корректный пример изменения интервала между символами:
(1)
<style type="text/css">
p {letter-spacing: 1cm}
</style>
(2)
<style type="text/css">
li {letter-spacing: 5px}
</style>
(3)
<style type="text/css">
h1 {letter-spacing: false}
</style>
Какой параметр определяет область позиционированного элемента, в которой будет показано его содержимое?
(1)
redraw
(2)
form
(3)
clip
Укажите недопустимое описание селектора
(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;}
Какой параметр служит для задания стиля границы?
(1)
border-all-style
(2)
border-style
(3)
style
В каком примере корректно задаётся степень жирности шрифта?
(1)
<style type="text/css">
h1.first {font-weight: 800}
</style>
(2)
<style type="text/css">
h2.second {font-weight: bold}
</style>
(3)
<style type="text/css">
h3.third {font-weight: 200}
</style>
Какое свойство позволяет задавать отступы?
(1)
'text-indent'
(2)
'text-align'
(3)
'text-decoration'
Какой параметр определяет, что происходит, когда содержимое элемента переполняет его область?
(1)
overflow
(2)
draw
(3)
clip
Укажите недопустимый способ описания селекторов
(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;}
Укажите корректный вариант задания параметров границы:
(1)
p {border-style: double-sided}
(2)
p {border-style: dashed}
(3)
p {border-style: solid tripple}
Укажите корректные примеры описания шрифтов:
(1)
pre { font: oblique arial }
(2)
h1 { font: italic 200 arial }
(3)
p { font: italic small-caps 10px/12px serif }
Какое свойство позволяет задать цвет текста в CSS?
(1)
color
(2)
text
(3)
textcolor
Укажите варианты форматирования, в которых допущена ошибка:
(1)
pre{position: absolute;bottom: 50px}
(2)
pre{position: abs}
(3)
pre{position: absolute;bottom: nocellpadding}
Какая строка определяет стиль ссылки в исходном состоянии?
(1)
A:active {color: #666666; text-decoration: none}
(2)
A:visited {color: #666666; text-decoration: none}
(3)
A:link {color: #666666; text-decoration: none}
Укажите варианты задания параметров границы, содержащие ошибку:
(1)
p {border-style: dashed}
(2)
p {border-style: double-sided}
(3)
p {border-style: solid tripple}
Укажите корректные примеры сокращенной записи свойств шрифта:
(1)
p { font: oblique small-caps bold 5px serif }
(2)
p { font: italic small-caps 10px/12px serif }
(3)
p { font style: oblique small-caps bold 5px serif }
Укажите корректные примеры использования свойства
text-indent:
(1)
<P STYLE="text-indent:20em;">
(2)
<P="text-indent:20pt;">
(3)
<P STYLE="text-indent">
(4)
<P STYLE="text-indent:20pt;">
Укажите корректные варианты форматирования:
(1)
<style type="text/css">
p.ab
{
position:absolute;
left:75px;
top:200px;
}
</style>
(2)
<style type="text/css">
p.ab
{
position:left;
left:75px;
top:200px;
}
</style>
(3)
<style type="text/css">
p
{
position:absolute;
clip:rect(2px, 250px, 250px, 0px);
}
</style>
Отметьте псевдоселекторы
(1)
IMG:title:image
(2)
P:first-letter
(3)
A:link
(4)
A:visited
Какой параметр можно использовать для задания всех отступов в одном объявлении?
(1)
margin-all
(2)
margin
(3)
setmargin
Перечислите доступные свойства параметра
font
(1)
font-style
(2)
font-variant
(3)
font-english
(4)
font-big
Какой параметр задает размещение маркера элемента списка?
(1)
list-style-position
(2)
list-style-pos
(3)
list-position
Укажите вариант, в котором корректно заданы параметры отступов:
(1)
p{margin-top: auto}
(2)
p{margin-top: off}
(3)
p{margin-top: none}
Какое значение параметра
list-style-type определяет список без маркера?
(1)
none
(2)
off
(3)
null
Какой параметр можно использовать для задания всех полей в одном объявлении?
(1)
padding-all
(2)
padding
(3)
setpadding
Какое значение параметра
list-style-type определяет маркер - число?
(1)
decimal
(2)
alpha
(3)
arabical
В каком примере ширина левого поля равняется 20px?
(1)
{padding: 20px 10px 5px 20px}
(2)
{padding: 20px 10px 20px 10px}
(3)
{padding: 5px 20px 5px 10px}
Укажите примеры корректного задания маркеров:
(1)
ol{list-style-type: rnd}
(2)
ol{list-style: circle}
(3)
ol{list-style-type: circle}
Укажите вариант, в котором корректно заданы параметры полей:
(1)
p{padding-top: auto}
(2)
p{padding-top: off}
(3)
p{padding-top: none}
Укажите варианты определения наклонного текста:
(1)
'oblique'
(2)
'small'
(3)
'bold'
Какой параметр задает тип маркера элемента списка?
(1)
list-style-type
(2)
list-style
(3)
list-type
Что является селектором, а что определением в следующем примере?
P { color:blue; }
(1)
P - определение, {color:blue;} - селектор
(2)
P - селектор, {color:blue;} - определение
(3) Здесь только селектор
(4) Здесь только определение
Укажите доступные значения параметра border:
(1)
border-width
(2)
border-style
(3)
border-up
Укажите правильную нотацию значения RGB в процентах:
(1)
color: rgb(10%, 0%, 0%)
(2)
color:#10%10%00%
(3)
color: rgb(0,10,50)
Какое свойство позволяет задать выравнивание текста в элементе?
(1)
text-align
(2)
direction
(3)
align
Укажите допустимые значения параметра
display:
(1)
none
(2)
one
(3)
on
(4)
off
Укажите корректное описание стиля.
(1)
<DIV STYLE:"color:red">:</DIV>
(2)
<DIV STYLE="color:red">:</DIV>
(3)
<DIV STYLE:="color:red">:</DIV>
Какой параметр можно использовать для задания цвета левой стороны границы?
(1)
border-left-style
(2)
border-right-color
(3)
border-left-color
Какой атрибут CSS соответствует атрибуту
BGCOLOR элемента разметки:
(1)
background-color
(2)
bgcolor
(3)
bg-color
Выберите корректный пример задания фонового цвета текста:
(1)
<style type="text/css">
span.back
{
background-color: gray
}
</style>
(2)
<style type="text/css">
span.fon
{
background-color: red
}
</style>
(3)
<style type="text/css">
span.fon
{
bgcolor red
}
</style>
Укажите доступные значения параметра
clip:
(1)
clip:rect(2px, 175px, 100px, 0px)
(2)
clip:auto
(3)
clip:rect(2%)
(4)
clip:off
Укажите возможные способы описания селектора
(1)
A.red {color:red}
(2)
#red {color:red}
(3)
*red {color:red}
Укажите допустимые значения параметра border-style?
(1)
none
(2)
dotted
(3)
lines
В каком примере корректно задаётся степень жирности шрифта?
(1)
<style type="text/css">
h1 {font-weight: 2000}
</style>
(2)
<style type="text/css">
{h2 font-weight: 200}
</style>
(3)
<style type="text/css">
h3 {font-weight: 200}
</style>
Какие значения может иметь свойство
'text-indent'?
(1)
'inherit'
(2)
'auto'
(3)
'none'
Укажите доступные значения параметра
overflow:
(1)
visible
(2)
hidden
(3)
scroll
(4)
none
Укажите возможные способы описания селекторов
(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;}
Укажите корректный вариант задания параметров границы:
(1)
p {border-style: dashed dotted lines}
(2)
p {border-style: dashed double dotted solid}
(3)
p {border-style: dotted no}
Укажите корректные примеры описания шрифтов:
(1)
pre { oblique arial }
(2)
h1 { font: italic 200 arial }
(3)
p { font: arial }
Какое свойство позволяет задать цвет текста?
(1)
text
(2)
color
(3)
fontcolor
Укажите варианты форматирования, в которых допущена ошибка:
(1)
pre{position: absolute;bottom: -50px}
(2)
pre{bottom = -50px}
(3)
pre{down: -50px}
Какая строка определяет стиль посещенной ссылки?
(1)
A:link {color: #666666; text-decoration: none}
(2)
A:visited {color: #666666; text-decoration: none}
(3)
A:active {color: #666666; text-decoration: none}
Укажите варианты задания параметров границы, содержащие ошибку:
(1)
p {border-style: dashed dotted lines}
(2)
p {border-style: dashed double dotted solid}
(3)
p {border-style: dotted no}
Укажите корректный пример сокращенной записи свойств шрифта:
(1)
p { font: oblique small-caps bold 5px serif }
(2)
p { font: italic; small-caps; 10px; 12px; serif }
(3)
p { fontfamily: oblique small-caps bold -5px serif }
Укажите корректные примеры использования свойства
text-indent:
(1)
{ text-indent: 2in }
(2)
{ text-indent: 20% }
(3)
{ text-indent: 10ct }
Укажите корректные варианты форматирования:
(1)
<style type="text/css">
img.first {vertical-align:text-bottom}
img.second {vertical-align:text-top}
</style>
(2)
<style type="text/css">
img.index
{
position:absolute;
left:10px;
top:40px;
z-index:-1;
}
</style>
(3)
<style type="text/css">
img.index
{
position:relative
top:nomargin
z-index:1
}
</style>
Укажите правильный способ описания селектора?
(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;}
Укажите доступные значения параметра margin:
(1)
10%
(2)
5px
(3)
off
Перечислите доступные свойства параметра
font
(1)
font-size
(2)
font-variant
(3)
font-hint
Укажите доступные значения параметра
list-style-position:
(1)
default
(2)
inside
(3)
left
Укажите примеры с абсолютными единицами измерения:
(1)
H2 { line-height: 3cm }
(2)
H1 { margin: 0.5in }
(3)
H4 { font-size: 1pc }
(4)
P { font-size: 12px }
Укажите варианты, в которых корректно заданы параметры отступов:
(1)
p{margin-top: -5px}
(2)
p{margin-top: -5p}
(3)
p{margin-top: -5}
Какое значение параметра
list-style-type определяет маркер - закрашенный круг?
(1)
circle
(2)
disc
(3)
round
Укажите доступные значения параметра padding:
(1)
10%
(2)
5px
(3)
off
В каком примере ширина правого поля равняется 10px?
(1)
{padding: 20px 10px 5px 20px}
(2)
{padding: 10px 10px 20px 20px}
(3)
{padding: 10px 5px 10px 5px}
Укажите пример корректного задания маркеров:
(1)
ul{list-style-position: outside}
(2)
ul{list-style-position outside}
(3)
ul{list-style-position: out}
Укажите вариант, в котором корректно заданы параметры полей:
(1)
p{padding-top: 5px}
(2)
p{padding-top: 5p}
(3)
p{padding-top: -5}
Укажите вариант определения полужирного шрифта:
(1)
'regular'
(2)
'bold'
(3)
'demi'
Укажите доступные значения параметра
list-style-type:
(1)
none
(2)
disc
(3)
circle
Укажите верное обращение к внешнему документу
(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">
Какой параметр служит для задания всех свойств нижней стороны границы в одном объявлении?
(1)
border-bottom
(2)
border-down
(3)
bottom
Отметьте обобщенные типы шрифтов:
(1)
serif
(2)
sans-serif
(3)
bold
Укажите допустимые значения свойства
text-align:
(1)
left
(2)
right
(3)
none
Какой из вариантов синтаксически правильный?
(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
Какой параметр можно использовать для задания цвета верхней стороны границы?
(1)
border-top-style
(2)
border-up-color
(3)
border-top-color
Выберите корректный пример задания цвета текста:
(1)
<style type="text/css">
span.back
{
background-color: gray
}
</style>
(2)
<style type="text/css">
h3 {color: green}
</style>
(3)
<style type="text/css">
span.fon
{
color.red
}
</style>
Укажите доступные значения параметра
clip:
(1)
clip:rect(2px, 175px, 100px, 0px)
(2)
clip:rect(2 175 100 0)
(3)
clip:10% 10% 15% 1%
(4)
clip:auto
Какая запись является группированием селекторов и определений?
(1)
H1 { font-weight:bold; }
(2)
H1; H2; H3 { font-weight:bold; }
(3)
H1, H2, H3 { font-weight:bold; }
Укажите допустимое значение параметра
border-style?
(1)
pixel
(2)
dots
(3)
solid
В каком примере корректно задаётся степень жирности шрифта?
(1)
<style type="text/css">
p {font-weight: 700}
</style>
(2)
<style type="text/css">
ol {font-weight: bolder}
</style>
(3)
<style type="text/css">
li {font-weight: 1000}
</style>
Укажите правильный вариант определения отступа для текста размером '3em':
(1)
P { text-inherit: 3em }
(2)
P { text indente: 3em }
(3)
P { text-indent: 3em }
Укажите доступные значения параметра
overflow:
(1)
impossible
(2)
resize
(3)
hidden
(4)
auto
Укажите недопустимый способ описания селекторов
(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;}
Укажите корректный вариант задания параметров границы:
(1)
p {border-style: dashed double none }
(2)
p {border-style: dashed noborder}
(3)
p {border-style: dashed nolines}
Укажите корректные примеры описания шрифтов:
(1)
pre { oblique arial }
(2)
h1 { font: italic 200 10px arial }
(3)
p { font: status }
Укажите допустимые значения свойства
color:
(1)
ol {color: rgb(0,0,255)}
(2)
ul {color: ffff00}
(3)
p {color: green}
Укажите варианты форматирования, в которых допущена ошибка:
(1)
img{position:absolute z-index: 1}
(2)
img{position:absolute; z-index: 0}
(3)
img{position:static; left: 10px}
Какая строка определяет стиль активной ссылки?
(1)
A:visited {color: #666666; text-decoration: none}
(2)
A:link {color: #216612; text-decoration: none}
(3)
A:active {color: #666666; text-decoration: none}
Укажите варианты задания параметров границы, содержащие ошибку:
(1)
p {border-style: dashed noborder}
(2)
p {border-style: dashed nolines}
(3)
p {border-style: dashed double}
Укажите корректные примеры сокращенной записи свойств шрифта:
(1)
p { font: oblique, small-caps, bold, 5px, serif }
(2)
p { font: oblique small-caps bold 5px serif }
(3)
p { oblique small-caps bold 5px serif }
Укажите корректные примеры использования свойства
text-indent:
(1)
{ text-indent: 10in }
(2)
{ text-indent: 20em }
(3)
{ text-indent: -25ct }
(4)
{ text-indent: 25pc }
Укажите корректные варианты форматирования:
(1)
<style type="text/css">
p.right
{
position:relative;
left:20px
}
</style>
(2)
<style type="text/css">
img.index
{
position:absolute;
left:10px;
top:40px;
z-index:-1;
}
</style>
(3)
<style type="text/css">
p.right
{
position:static;
left:20px
}
</style>
Укажите неправильный способ описания селектора
(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;}
Какой параметр служит для задания левого отступа элемента?
(1)
margin-left
(2)
leftmargin
(3)
marginleft
Укажите доступное свойство параметра
font
(1)
message-width
(2)
font-weight
(3)
font-menu
(4)
font-small
Укажите доступные значения параметра
list-style-position:
(1)
outside
(2)
inside
(3)
right
Процентное значение корректно описано:
(1)
P { font-size: 10%pt }
(2)
P { line-height: 120% }
(3)
P { font-size: %120in }
(4)
P { line-height: %120px }
В каком примере ширина правого внешнего отступа равняется 10px?
(1)
{margin: 20px 10px 5px 20px}
(2)
{padding: 20px 10px 5px 20px}
(3)
{margin: 10px 10px 20px 20px}
(4)
{padding: 10px 10px 20px 20px}
Какое свойство определяет семейство шрифтов?
(1)
'font-style'
(2)
'font-family'
(3)
'font-variant'
Укажите доступные значения параметра
list-style-type:
(1)
square
(2)
decimal
(3)
arabic
Укажите варианты, в которых корректно заданы параметры отступов:
(1)
p{margin-top: -5px}
(2)
p{margin-top: auto}
(3)
p{margin-top: 10%}
При каком значение параметра
list-style-type маркером будет окружность?
(1)
circle
(2)
disc
(3)
round
Какой параметр служит для задания левого поля элемента?
(1)
padding-left
(2)
leftpadding
(3)
paddingleft
Какое значение параметра
list-style-type определяет маркер - большие римские цифры?
(1)
upper-roman
(2)
roman
(3)
big-roman
В каком примере ширина верхнего поля равняется 5px?
(1)
{padding: 20px 10px 5px 20px}
(2)
{padding: 5px 10px 15px 20px}
(3)
{padding: 10px 10px 20px 5px}
Укажите примеры корректного задания маркеров:
(1)
ol{list-style: square inside "www.intuit.ru/image.gif"}
(2)
ol{list-style: square inside url("www.intuit.ru/image.gif")}
(3)
ol{list-style: square data-src="www.intuit.ru/image.gif")}
Укажите варианты, в которых корректно заданы параметры полей:
(1)
p{padding-top: 5px}
(2)
p{padding-top: auto}
(3)
p{padding-top: 10%}
В каком примере ширина верхнего отступа равняется 5px?
(1)
{margin: 5px 10px 20px 20px}
(2)
{padding: 20px 10px 5px 20px}
(3)
{margin: 10px 10px 20px 5px}
(4)
{padding: 10px 5px 20px 20px}