Какое свойство служит для задания отступов в одном объявлении

29.05.2020
0
Главная › Какие свойства › Какое свойство служит для задания отступов в одном объявлении
Какое свойство служит для задания отступов в одном объявлении thumbnail

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

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

Номер 1

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

Ответ:

&nbsp(1)
margin-all
&nbsp

&nbsp(2)
margin
&nbsp

&nbsp(3)
setmargin
&nbsp

Номер 2

Укажите доступные значения параметра margin:

Ответ:

&nbsp(1)
10%
&nbsp

&nbsp(2)
5px
&nbsp

&nbsp(3)
off
&nbsp

Номер 3

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

Ответ:

&nbsp(1)
margin-left
&nbsp

&nbsp(2)
leftmargin
&nbsp

&nbsp(3)
marginleft
&nbsp

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

Номер 1

В каком примере ширина левого отступа равняется 20px?

Ответ:

&nbsp(1)
{margin: 20px 10px 5px 20px}
&nbsp

&nbsp(2)
{padding: 20px 10px 5px 20px}
&nbsp

&nbsp(3)
{margin: 20px 10px 20px 10px}
&nbsp

&nbsp(4)
{padding: 20px 10px 20px 10px}
&nbsp

Номер 2

В каких примерах ширина внешнего правого отступа равняется 10px?

Ответ:

&nbsp(1)
{margin: 20px 10px 5px 20px}
&nbsp

&nbsp(2)
{padding: 20px 10px 5px 20px}
&nbsp

&nbsp(3)
{margin: 10px 10px 20px 20px}
&nbsp

&nbsp(4)
{padding: 10px 10px 20px 20px}
&nbsp

Номер 3

В каком примере ширина верхнего отступа равняется 5px?

Ответ:

&nbsp(1)
{margin: 5px 10px 20px 20px}
&nbsp

&nbsp(2)
{padding: 20px 10px 5px 20px}
&nbsp

&nbsp(3)
{margin: 10px 10px 20px 20px}
&nbsp

&nbsp(4)
{padding: 10px 10px 20px 20px}
&nbsp

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

Номер 1

Укажите вариант, в котором корректно заданы параметры отступов:

Ответ:

&nbsp(1)
p{margin-top: auto}
&nbsp

&nbsp(2)
p{margin-top: off}
&nbsp

&nbsp(3)
p{margin-top: none}
&nbsp

Номер 2

Укажите вариант, в котором корректно заданы параметры отступов:

Ответ:

&nbsp(1)
p{margin-top: 5px}
&nbsp

&nbsp(2)
p{margin-top: 5p}
&nbsp

&nbsp(3)
p{margin-top: 5}
&nbsp

Номер 3

Укажите варианты, в которых корректно заданы параметры отступов:

Ответ:

&nbsp(1)
p{margin-top: 5px}
&nbsp

&nbsp(2)
p{margin-top: auto}
&nbsp

&nbsp(3)
p{margin-top: 10%}
&nbsp

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

Номер 1

Укажите варианты, в которых параметры отступов заданы ошибочно:

Ответ:

&nbsp(1)
p{margin-top: auto}
&nbsp

&nbsp(2)
p{margin-top: off}
&nbsp

&nbsp(3)
p{margin-top: none}
&nbsp

Номер 2

Укажите варианты, в которых параметры отступов заданы ошибочно:

Ответ:

&nbsp(1)
p{margin-top: -2px}
&nbsp

&nbsp(2)
p{margin-top: 5p}
&nbsp

&nbsp(3)
p{margin-top: 5}
&nbsp

Номер 3

Укажите вариант, в котором параметры отступов заданы ошибочно:

Ответ:

&nbsp(1)
p{margin-top: 5px}
&nbsp

&nbsp(2)
p{margin-top: auto}
&nbsp

&nbsp(3)
p{margin-top: 10}
&nbsp

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

Номер 1

Укажите вариант, в котором корректно заданы параметры отступов:

Ответ:

&nbsp(1)
h1.all {margin: 1cm 2cm 1cm 2cm}
&nbsp

&nbsp(2)
h1.all {margin-all: 1cm 2cm 1cm 2cm}
&nbsp

&nbsp(3)
h1.all {set-margin: 1cm 2cm 1cm 2cm}
&nbsp

Номер 2

Укажите вариант, в котором корректно заданы параметры отступов:

Ответ:

&nbsp(1)
h1.all {margin: 1cm 2cm 1cm 2cm}
&nbsp

&nbsp(2)
h1.all {1cm 2cm 1cm 2cm}
&nbsp

&nbsp(3)
h1.all {margin: 1 2 1 2}
&nbsp

Номер 3

Укажите варианты, в которых корректно заданы параметры отступов:

Читайте также:  Горный хрусталь камень свойства для какого знака зодиака

Ответ:

&nbsp(1)
h1.all {margin: 1cm 2cm 1cm 2cm}
&nbsp

&nbsp(2)
h1.all {margin: 1% 2% 1% 2%}
&nbsp

&nbsp(3)
h1.all {margin: 1 2 1 2}
&nbsp

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

Номер 1

Какой параметр можно использовать для задания всех полей в одном объявлении?

Ответ:

&nbsp(1)
padding-all
&nbsp

&nbsp(2)
padding
&nbsp

&nbsp(3)
setpadding
&nbsp

Номер 2

Укажите доступные значения параметра padding:

Ответ:

&nbsp(1)
10%
&nbsp

&nbsp(2)
5px
&nbsp

&nbsp(3)
off
&nbsp

Номер 3

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

Ответ:

&nbsp(1)
padding-left
&nbsp

&nbsp(2)
leftpadding
&nbsp

&nbsp(3)
paddingleft
&nbsp

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

Номер 1

В каком примере ширина левого поля равняется 20px?

Ответ:

&nbsp(1)
{padding: 20px 10px 5px 20px}
&nbsp

&nbsp(2)
{padding: 20px 10px 20px 10px}
&nbsp

&nbsp(3)
{padding: 5px 20px 5px 10px}
&nbsp

Номер 2

В каких примерах ширина правого поля равняется 10px?

Ответ:

&nbsp(1)
{padding: 20px 10px 5px 20px}
&nbsp

&nbsp(2)
{padding: 10px 10px 20px 20px}
&nbsp

&nbsp(3)
{padding: 10px 5px 10px 5px}
&nbsp

Номер 3

В каком примере ширина верхнего поля равняется 5px?

Ответ:

&nbsp(1)
{padding: 20px 10px 5px 20px}
&nbsp

&nbsp(2)
{padding: 5px 10px 15px 20px}
&nbsp

&nbsp(3)
{padding: 10px 10px 20px 5px}
&nbsp

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

Номер 1

Укажите вариант, в котором корректно заданы параметры полей:

Ответ:

&nbsp(1)
p{padding-top: auto}
&nbsp

&nbsp(2)
p{padding-top: off}
&nbsp

&nbsp(3)
p{padding-top: none}
&nbsp

Номер 2

Укажите вариант, в котором корректно заданы параметры полей:

Ответ:

&nbsp(1)
p{padding-top: 5px}
&nbsp

&nbsp(2)
p{padding-top: 5p}
&nbsp

&nbsp(3)
p{padding-top: 5}
&nbsp

Номер 3

Укажите варианты, в которых корректно заданы параметры полей:

Ответ:

&nbsp(1)
p{padding-top: 5px}
&nbsp

&nbsp(2)
p{padding-top: auto}
&nbsp

&nbsp(3)
p{padding-top: 10%}
&nbsp

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

Номер 1

Укажите варианты, в которых параметры полей заданы ошибочно:

Ответ:

&nbsp(1)
p{padding-top: auto}
&nbsp

&nbsp(2)
p{padding-top: off}
&nbsp

&nbsp(3)
p{padding-top: none}
&nbsp

Номер 2

Укажите варианты, в которых параметры полей заданы ошибочно:

Ответ:

&nbsp(1)
p{padding-top: 5px}
&nbsp

&nbsp(2)
p{padding-top: 5p}
&nbsp

&nbsp(3)
p{padding-top: 5}
&nbsp

Номер 3

Укажите вариант, в котором параметры полей заданы ошибочно:

Ответ:

&nbsp(1)
p{padding-top: 5px}
&nbsp

&nbsp(2)
p{padding-top: 10pt}
&nbsp

&nbsp(3)
p{padding-top: 10}
&nbsp

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

Номер 1

Укажите вариант, в котором корректно заданы параметры полей:

Ответ:

&nbsp(1)
h1.all {padding: 1cm 2cm 1cm 2cm}
&nbsp

&nbsp(2)
h1.all {padding-all: 1cm 2cm 1cm 2cm}
&nbsp

&nbsp(3)
h1.all {set-padding: 1cm 2cm 1cm 2cm}
&nbsp

Номер 2

Укажите вариант, в котором корректно заданы параметры полей:

Ответ:

&nbsp(1)
h1.all {padding: 1cm 2cm 1cm 2cm}
&nbsp

&nbsp(2)
h1.all {1cm 2cm 1cm 2cm}
&nbsp

&nbsp(3)
h1.all {padding: 1 2 1 2}
&nbsp

Номер 3

Укажите варианты, в которых корректно заданы параметры полей:

Читайте также:  Какие свойство у баклажанов

Ответ:

&nbsp(1)
h1.all {padding: 1cm 2cm 1cm 2cm}
&nbsp

&nbsp(2)
h1.all {padding: 1% 2% 1% 2%}
&nbsp

&nbsp(3)
h1.all {padding: 1 2 1 2}
&nbsp

Источник

css

Ответы на курс: Основы работы с 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:
Укажите корректный пример задания повторяющегося только по горизонтали фонового изображения:
<style type=»text/css»>
body
{
background-image: url(https://www.intuit.ru/picture.jpg);
background-repeat: repeat-horiz;
}
</style>
<style type=»text/css»>
body
{
background-image: url(https://www.intuit.ru/picture.jpg);
background-repeat: repeat-x;
}
</style>
<style type=»text/css»>
body
{
background-image: url(https://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»>
h3 {color: green;}
</style>
<style type=»text/css»>
span.back
{
background-color: gray;
}
</style>
<style type=»text/css»>
span::arial
{
color: red;
}
</style>
Укажите корректные примеры описания шрифтов:
Какое свойство определяет семейство шрифтов?
‘font-style’
‘font-variant’
‘font-family’
В каких примерах свойство ‘font-size’ описано без ошибок?
Какое свойство определяет шрифты диалоговых окон?
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: none}
p{margin-top: off}
p{margin-top: auto}
Укажите доступные значения параметра list-style-position:
Укажите пример корректного задания маркеров:
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:
Укажите корректный вариант форматирования:
p{max-height: off}
hr{left-height: 20%}
div{max-height: 200%}
Какой параметр задает максимальную ширину элемента?
max-height
width
max-width
Укажите доступные значения параметра max-height:
Укажите доступные значения параметра width:
Укажите доступные значения параметра max-width:
Какой параметр задает форму элемента?
form
clip
redraw
Укажите корректные варианты форматирования:
Как установить курсор в виде знака вопроса?
help
about
help-arrow
Укажите доступные значения параметра overflow:
Укажите варианты форматирования, в которых допущена ошибка:
Какой псевдо-класс добавляет специальный стиль элементу, когда элемент находится в фокусе?
: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:
Примером псевдокласса гиперссылок являются:
Какой псевдо-класс добавляет специальный стиль элементу, который является первым потомком некоторого другого элемента?
:first
:child
:first-child

Источник

Предыдущая статья
В каких продуктах питания содержится аргинин
Следующая статья
Аллантоин в каких продуктах есть
© Какой продукт?