Сертификат "Основы работы с CSS"
  • Сертификат "Основы работы с CSS"
  • Сертификат "Основы работы с CSS"
  • Удостоверение "Основы работы с CSS"
Сертификат "Основы работы с CSS"
  • Сертификат "Основы работы с CSS"
  • Сертификат "Основы работы с CSS"
  • Удостоверение "Основы работы с CSS"

Основы работы с CSS

700,00 руб.
В течение часа!
Экзамен "Основы работы с CSS" для пользователей и системных администраторов.
Количество
Есть в наличии!

Форма сдачи теста: Экстерн
Количество вопросов: 30
Проходной балл: 90% и выше
Срок действия сертификата: неограничен

Сертификат появляется в профиле ресурса INTUIT, и Вы можете заказать его бумажную версию на сайте INTUIT.
12441 шт.
Внимание !
Вопросы к тесту выложены исключительно в ознакомительных целях: количество вопросов может не совпадать с действительным, актуальность не поддерживается,- за решением теста Welcome to the cashier!

Укажите сокращенный вариант записи правила:

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 12pt/14pt Arial }
P { font: bold 14pt/12pt Arial }
P { font: bold 12pt/14pt}
P { font: 14pt/12pt Arial }


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

H1 { font: bold 12pt/14pt Helvetica }
H1 { font: bold 14pt/12pt Helvetica }
H1 { font: bold 12pt/14pt}
H1 { font: 14pt/12pt Helvetica }


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

'font-family'
'font-style'
'font-size-adjust'


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

{ font-weight: bold }
H2
bold
H2 { font-weight: bold }


Что является объявлением в правиле "H1 { color: brown }"?

H1
'color'
{ color: brown }


Что является свойством объявления в примере H1 { color: grey } ?

H1
{ color: grey }
color


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

I
{ font-weight: bold }
'bold'


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

<STYLE type="text/css">
H1 { color: blue }
</STYLE>
<LINK rel="stylesheet" href="one.css" type="text/css">
HR { width:250px }


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

":"
"/"
";"


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

<LINK rel="stylesheet" href="one.css" type="text/css">
<LINK rel="stylesheet" type="text/css">
<LINK href="first.css" type="text/css">


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

<UL>
<TABLE>
<LINK>


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

{ font-style:italic }
'font-style'
P { font-style:italic }
P


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

{ font-weight: oblique }
'font-weight'
'oblique'


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

B
B { font-weight: bold }
'bold'


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

"rel"
"href"
"text/html"


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

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

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

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


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

<LINK rel="stylesheet" href="bach.css" type="text/css">
<LINK rel="stylesheet" href="one.css" type="text/css">
<LINK href="one.css" type="text/css">


Укажите корректный пример задания фонового цвета элемента:

<style type="text/css">
ul {background-color: rgb(200,10,200)}
</style>

<style type="text/css">
ol {background-fon: #00FFFF}
</style>

<style type="text/css">
p {bg-color: blue}
</style>


Укажите корректный пример задания изображения в качестве фона:

<style type="text/css">
body
{
background-image:url
(http://www.intuit.ru/pic.jpg);
}
</style>

<style type="text/css">
body
{
background-image: http://www.intuit.ru/picture.jpg;
}
</style>

<style type="text/css">
body
{
background-image: "url(http://www.intuit.ru/picture.jpg)";
}
</style>



Укажите корректный пример задания повторяющегося фонового изображения:

<style type="text/css">
body
{
background-image:url
(http://www.intuit.ru/picture.jpg);
background-repeat: repeat
}
</style>

<style type="text/css">
body
{
background-source:url
(http://www.intuit.ru/picture.jpg)
background-repeat: repeat
}
</style>

<style type="text/css">
body
{
background-fon:url
(http://www.intuit.ru/picture.jpg)
background-repeat: repeat
}
</style>


Укажите корректный пример задания повторяющегося только по вертикали фонового изображения:

<style type="text/css">
body
{
bg-image: url(http://www.intuit.ru/picture.jpg);
background-repeat: repeat-y;
}
</style>

<style type="text/css">
body
{
background-image: "http://www.intuit.ru/picture.jpg";
background-loop: repeat-y;
}
</style>

<style type="text/css">
body
{
background-image: url(http://www.intuit.ru/img.jpg);
background-repeat: repeat-y;
}
</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">
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;
background-attachment: no-fixed
}
</style>

<style type="text/css">
body
{
background-image:url
(http://www.intuit.ru/picture.jpg)
background-repeat: no-repeat;
background: fixed
}
</style>

<style type="text/css">
body
{
background-image:url
(http://www.intuit.ru/picture.jpg)
background-repeat: no-repeat;
background-attachment: fixed
}
</style>


Укажите корректный пример задания прокручивающегося фонового изображения:

<style type="text/css">
body
{
background-image:url
(http://www.intuit.ru/picture.jpg)
background-repeat: no-repeat;
background-attachment: scroll
}
</style>

<style type="text/css">
body
{
background-image:url
(http://www.intuit.ru/picture.jpg)
background-repeat: repeat;
background-attachment: no-fixed
}
</style>

<style type="text/css">
body
{
background-image:url
(http://www.intuit.ru/picture.jpg)
background-repeat: repeat;
background-attachment: scroll
}
</style>


Укажите корректный пример сокращенной формы задания прокручивающегося фонового изображения:

<style type="text/css">
body
{
background: blue url(http://www.intuit.ru/picture.jpg) center;
}
</style>

<style type="text/css">
body
{
background: blue url(http://www.intuit.ru/picture.jpg) repeat dynamic center;
}
</style>

<style type="text/css">
body
{
background: blue url(http://www.intuit.ru/picture.jpg) repeat scroll center;
}
</style>


Какое свойство позволяет задать начальное положение фонового изображения?

background-position
background-image
background-pos


Укажите допустимые значения свойства background-attachment:

static
fixed
scroll


Укажите корректный пример задания фонового цвета элемента:

<style type="text/css">
ol {bground: #00FFFF}
</style>

<style type="text/css">
ol {background-color: #00FFFF}
</style>

<style type="text/css">
ol {back-color: #00FFFF}
</style>


Укажите корректный пример задания изображения в качестве фона:

<style type="text/css">
body
{
background-source:url
(http://www.intuit.ru/picture.jpg)
}
</style>

<style type="text/css">
body
{
background-image:url
(http://www.intuit.ru/picture.jpg)
}
</style>

<style type="text/css">
body
{
background-fon:url
(http://www.intuit.ru/picture.jpg)
}
</style>


Укажите корректный пример задания повторяющегося только по вертикали фонового изображения:

<style type="text/css">
body
{
background-image:url(http://www.intuit.ru/picture.jpg);
background-repeat: repeat;
};
</style>

<style type="text/css">
body
{
background-image:url(http://www.intuit.ru/picture.jpg);
background-repeat: repeat-y;
};
</style>

<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;
background-attachment: fixed
}
</style>

<style type="text/css">
body
{
background-image:url
(http://www.intuit.ru/picture.jpg)
background-repeat: no-repeat;
background-attachment: fixed
}
</style>

<style type="text/css">
body
{
background-image:url
(http://www.intuit.ru/picture.jpg)
background-repeat: no-repeat;
background-attachment: true
}
</style>


Укажите корректный пример задания прокручивающегося фонового изображения:

<style type="text/css">
body
{
background-image:url
(http://www.intuit.ru/picture.jpg);
background-repeat: no-repeat;
background: scroll;
}
</style>

<style type="text/css">
body
{
background-image:url
(http://www.intuit.ru/picture.jpg);
background-repeat: no-repeat;
background-attachment: dynamic;
}
</style>

<style type="text/css">
body
{
background-image:url
(http://www.intuit.ru/picture.jpg);
background-repeat: no-repeat;
background-attachment: scroll;
}
</style>


Какое свойство позволяет задать цвет фона элемента?

bg-color
background-color
back


Укажите допустимые значения свойства background-position:

top left
down left
center center


Какое свойство позволяет задать цвет текста?

color
text
textcolor


Какое свойство позволяет задать направление текста?

direction
dir
direct


В каком примере текст в заголовках H1, H2 или H3 будет отображаться шрифтом italic?

H1; H2; H3 { font-style: oblique }
H1 - H3 { font-style: italic }
H1, H2, H3 { font-style: italic }


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

text-align
direction
align


Выберите корректные примеры задания фонового цвета текста:

<style type="text/css">
span.back
{
background-color: gray
}
</style>

<style type="text/css">
span.fon
{
background-color: red
}
</style>

<style type="text/css">
span.fon
{
bgcolor red
}
</style>


Укажите корректные примеры использования свойства text-indent:

{ text-indent: 2in }
{ text-indent: 20% }
{ text-indent: 10ct }


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

P { text-inherit: 3em }
P { text indent: 3em }
P { text-indent: 3em }


Какое свойство позволяет управлять выравниванием?

'text-align'
'text-indent'
'text-shadow'


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

'text-decoration'
'text-indent'
'text-shadow'


Укажите свойство, позволяющее сделать текст подчеркнутым:

'text-decoration'
'text-flash'
'text-media'


Укажите допустимые значения свойства text-align:

left
right
none


Укажите корректные примеры использования свойства text-indent:

<P STYLE="text-indent:20em;">
<P="text-indent:20pt;">
<P STYLE="text-indent">
<P STYLE="text-indent:20pt;">


В каких примерах корректно описано свойство 'text-align'?

DIV.center { text-align: justify }
DIV.center { text-align: center }
DIV.center { text-align: auto }
DIV.center { text-align: none }


В каких примерах текстовое содержимое гиперссылок будет подчеркнуто?

A[href] { text-decoration: underline }
P[href] { text-decoration: underline }
A[href] { text-decoration: blink }


Какое свойство позволяет задать цвет текста?

text
color
fontcolor


Какое свойство позволяет задать направление текста?

line
direction
redirect


Выберите корректный пример задания цвета текста:

<style type="text/css">
span.back
{
background-color: gray
}
</style>

<style type="text/css">
h3 {color: green}
</style>

<style type="text/css">
span.arial
{
color: red
}
</style>


Какое свойство позволяет задавать отступы?

'text-indent'
'text-align'
'text-decoration'


В каких примерах корректно описано свойство 'text-align'?

{ text-align: left }
{ text-align: right }
{ text-align: auto }


Укажите вариант определения наклонного текста:

'oblique'
'cursive'
'italic'


В каком примере текст в заголовках H1, H2 или H3 будет отображаться шрифтом italic?

H1; H2; H3 { font-style: oblique }
H1 - H3 { font-style: italic }
H1, H2, H3 { font-style: italic }


Укажите допустимые значения свойства 'font-size':

10em
10%
big


Какое свойство определяет шрифты диалоговых окон?

message-box
dialogs
menu


В каких примерах корректно задается степень жирности шрифта?

<style type="text/css">
h1.first {font-weight: 800}
</style>

<style type="text/css">
h2.second {font-weight: bold}
</style>

<style type="text/css">
h3.third {font-weight: 200}
</style>



Укажите корректные примеры описания шрифтов:

pre { oblique arial }
h1 { font: italic 200 arial }
p { font: status-bar }


Укажите корректные примеры сокращенной записи свойств шрифта:

p { font: oblique small-caps bold 5px serif }
p { font: italic small-caps 10px/12px serif }
p { font style: oblique small-caps bold 5px serif }


Перечислите доступные свойства параметра font

font-size
font-variant
menu
font-hint


Какой из примеров устанавливает маленькие заглавные буквы для заголовка H3 и наклонные - для выделенного текста (EM)?

H { font-variant: small-caps } EM { font-style: oblique }
H3 { font-variant: small-caps } EM { font-style: oblique }
H3 { font-variant: small-caps } EM { font-style: cursiv }


Назовите свойство, позволяющее управлять размером шрифта:

'font-size-adjust'
'font-width'
'font-height'
'font-size'


Какое значение свойства font-variant позволяет вывести текст малыми прописными буквами?

'small-caps'
'small'
'normal'


В каких примерах корректно задается степень жирности шрифта?

<style type="text/css">
h1 {font-weight: 2000}
</style>

<style type="text/css">
h2 {font-weight: lighter}
</style>

<style type="text/css">
h3 {font-weight: 300}
</style>


Укажите корректный пример сокращенной записи свойств шрифта:
 
p { font: oblique small-caps bold 5px serif }
p { font: italic; small-caps; 10px; 12px; serif }
p { font-family: oblique small-caps bold 5px serif }


Назовите доступное свойство параметра font

message-box
font-weight
menu
font-small


Какое свойство определяет семейство шрифтов?

'font-style'
'font-family'
'font-variant'


В каком примере текст тэга EM в заголовке H1 будет иметь обычное начертание?

H1 EM { font-style: normal }
H1, EM { font-style: normal }
H1 {EM { font-style: normal }}


В каких примерах свойство 'font-size' описано без ошибок?

P { font-size: 12pt; }
BLOCKQUOTE { font-size: larger }
EM { font-size: 150% }


Перечислите доступные свойства параметра font

font-style
font-variant
font
icon


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

border-width
border-style
border-up


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

border-top-style
border-up-color
border-top-color


Укажите допустимые значения параметра border-style?

none
dotted
lines


Назовите допустимое значения параметра border-width?

off
thick
none


Укажите корректный вариант задания толщины границы:

h2 { border-width: none }
h2 { border-width: thin }
h2 { border 2px }


Укажите корректный вариант задания цвета границы:

h6 { border-bottom-color: rgb(255,0,0) }
h6 { border-bottom-color: rgb[255,0,0] }
h6 { border-bottom-color: rgb(256,256,256) }


Укажите корректный вариант задания параметров границы:

p {border-style: dashed dotted lines}
p {border-style: dashed double dotted solid}
p {border-style: dotted no}


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

p {border-style: dashed}
p {border-style: double-sided}
p {border-style: solid tripple}


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

border-all
border
setborder


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

border-all-style
border-style
style


Укажите корректный вариант задания цвета границы:

h2 { border-bottom #800000}
h2 { border-bottom: color=#800000}
h2 { border-bottom: #800000}


Укажите корректный вариант задания параметров границы:

p {border-style: double-sided}
p {border-style: dashed}
p {border-style: solid tripple}


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

p {border-style: dashed noborder}
p {border-style: dashed nolines}
p {border-style: dashed double hidden }


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

margin-all
margin
setmargin


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

{margin: 20px 10px 5px 20px}
{padding: 20px 10px 5px 20px}
{margin: 20px 10px 20px 10px}
{padding: 20px 10px 20px 10px}


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

p{margin-top: auto}
p{margin-top: off}
p{margin-top: none}


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

p{margin-top: auto}
p{margin-top: off}
p{margin-top: none}


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

h1.all {margin: 1cm 2cm 1cm 2cm}
h1.all {margin-all: 1cm 2cm 1cm 2cm}
h1.all {set-margin: 1cm 2cm 1cm 2cm}


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

padding-all
padding
setpadding


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

{padding: 20px 10px 5px 20px}
{padding: 20px 10px 20px 10px}
{padding: 5px 20px 5px 10px}


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

p{padding-top: auto}
p{padding-top: off}
p{padding-top: none}


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

p{padding-top: auto}
p{padding-top: off}
p{padding-top: none}



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

h1.all {padding: 1cm 2cm 1cm 2cm}
h1.all {padding-all: 1cm 2cm 1cm 2cm}
h1.all {set-padding: 1cm 2cm 1cm 2cm}


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

margin-left
leftmargin
marginleft


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

{margin: 5px 10px 20px 20px}
{padding: 20px 10px 5px 20px}
{margin: 10px 10px 20px 20px}
{padding: 10px 10px 20px 20px}


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

p{margin-top: 5px}
p{margin-top: auto}
p{margin-top: 10}


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

h1.all {margin: 1cm 2cm 1cm 2cm}
h1.all {1cm 2cm 1cm 2cm}
h1.all {margin: 1 2 1 2}


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

padding-left
leftpadding
paddingleft


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

{padding: 20px 10px 5px 20px}
{padding: 10px 10px 20px 20px}
{padding: 10px 5px 10px 5px}

Внимание !
Вопросы к тесту выложены исключительно в ознакомительных целях: количество вопросов может не совпадать с действительным, актуальность не поддерживается,- за решением теста Welcome to the cashier!

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

p{padding-top: 5px}
p{padding-top: auto}
p{padding-top: 10%}


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

h1.all {padding: 1cm 2cm 1cm 2cm}
h1.all {1cm 2cm 1cm 2cm}
h1.all {padding: 1 2 1 2}


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

list
list-style
style


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

url("www.intuit.ru/image.gif")
url("www.intuit.ru/image.jpg")
auto


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

outside
inside
right


Какой параметр задает тип маркера элемента списка?

list-style-type
list-style
list-type


Какое значение параметра list-style-position определяет размещение маркера после текста?

inside
outside
такого параметра нет


Какое значение параметра list-style-type определяет список без маркера?

none
off
null


Какое значение параметра list-style-type определяет маркер - число?

decimal
alpha
arabical


Укажите пример корректного задания маркеров:

ul{list-style-position: outside}
ul{list-style-position outside}
ul{list-style-position: out}


Укажите доступное значение параметра list-style-image:

"off"
url("www.intuit.ru/image.gif")
"www.intuit.ru/image.tiff"


Укажите доступное значение параметра list-style-position:

default
inside
left


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

square
decimal
arabic


Какое значение параметра list-style-type определяет маркер - окружность?

circle
disc
round


Какое значение параметра list-style-type определяет маркер - большие римские цифры?

upper-roman
roman
big-roman


Какой параметр задает высоту элемента?

height
line-height
max-height


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

50%
5.1
none
10%


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

-2
5.1
none
10%


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

-2
5.1
none
10%


Укажите доступное значение параметра max-height:

2.1
10pt
auto
none


Какой параметр задает ширину элемента?

width
line-width
max-width


Укажите корректные варианты форматирования:

p{height: 50px}
div{line-height: 120%}
div{lineheight: 120%}


Укажите корректный вариант форматирования:

hr{left: 20%}
div{max-height: 200%}
p{max-height: off}


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

5px
5
none
10%


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

height
line-height
max-height


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

2.1
10pt
auto
none


Какой параметр задает максимальную ширину элемента?

max-width
max-height
width


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

5px
5
none
10%


Укажите корректный вариант форматирования:

h6{max-width: 75%}
h6:max-width=75%
div{max-width=75%}


Укажите корректные варианты форматирования:

div{line-height 120%}
p{line: 120%}
div{line-height: -2}


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

2.1
10pt
auto
normal


Какой параметр задает максимальную высоту элемента?

height
line-height
max-height


Какой параметр задает минимальную высоту элемента?

min-height
min-width
height


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

50px
5px
auto
10%


Какой параметр задает тип выводимого курсора?

display
setcursor
cursor


Как установить курсор в виде указателя (руки)?

pointer
arm
link


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

monitor
show
display



С помощью какого параметра можно задать вывод элемента в виде таблицы?

list
table-cell
table


Укажите корректные варианты форматирования:

pre{display: block}
strong{display: inline}
img{display: none}
h1, h3{display: none}


Укажите корректные варианты использования свойства visibility:

pre{visibility: hidden}
pre:visibility=hidden
h1{visibility: visible}


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

clip:rect(2px 175px 100px 0px)
clip:auto
clip:rect(2%)
clip:off


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

visible
hidden
scroll
none


Какой параметр определяет, насколько далеко правый край элемента находится левее/правее правого края родительского элемента?

left
right
top


Укажите варианты форматирования, в которых допущена ошибка:

img{position:absolute z-index: 1}
img{position:absolute; z-index: 0}
img{position:static; left: 10px}


Укажите корректные варианты форматирования:

<style type="text/css">
p.right
{
position:relative;left
:20px
}
</style>

<style type="text/css">
img.index
{
position:absolute;left
:10px;
top:40px;
}
</style>

<style type="text/css">
p.right
{
position:static;left
:20px
}
</style>


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

default
text
wait
stop


Как установить курсор в виде знака са?

help
about
help-arrow


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

marker
table
compact
off


Укажите корректные варианты форматирования:

div{clear: both}
div{clear: left}
div{clear: none}
div{clear: auto}


С помощью какого параметра можно задать статическое, относительное, абсолютное или фиксированное положение элемента?

float
pos
position


Укажите варианты форматирования, в которых допущена ошибка:

img{position:absolute z-index: 1}
img{position:absolute; z-index: 0}
img{position:static; left: 10px}


Укажите корректные варианты форматирования:

<style type="text/css">
p.ab
{
position:absolute;left
:75px;
top:200px
}
</style>

<style type="text/css">
p.ab
{
position:static;left
:75px;
top:200px
}
</style>

<style type="text/css">
p
{
position:absolute;clip
:rect(2px 250px 250px 0px)
}
</style>


Как с помощью псевдо-классов задать цвет активной гиперссылки?

<style type="text/css"> a:active {color: #808080}</style>
<style type="text/css"> a:onmouseover {color: #808080}</style>
<style type="text/css"> a:color {#808080}</style>


Как с помощью псевдо-классов создать новый стиль гиперссылки?

<style type="text/css">
a.mystyle:link {color: #808000}
a.mystyle:visited {color: #008080}
a.mystyle:hover {font-size: 250%}
</style>

<style mystyle type="text/css">
a:link {color: #808000}
a:visited {color: #008080}
a:hover {font-size: 250%}
</style>

<style type="text/css">
a.mystyle:
  link
  {
    color=#808000,
    visited: color=#008080,
    hover: font-size=250%}
  }
</style>



Какой псевдо-класс добавляет специальный стиль элементу, когда указатель мыши находится над элементом?

:active
:focus
:hover


Какой псевдо-класс добавляет специальный стиль посещенной ссылке ?

:link
:visited
:lastlink


Какое правило подавляет отступ для первого параграфа DIV:

DIV > P:first-child { text-indent: 0 }
> P:first-child { text-indent: 0 }
DIV > P { text-indent: 0 }
DIV +:first-child { text-indent: 0 }


Псевдоэлементами являются:

:first-letter
:before
:after
:first-child


В каком примере первые буквы каждого элемента P будут зелеными и размером '24pt'. Остаток параграфа - красный:

P { color: red; font-size: 12pt }
P:first-letter { color: green; font-size: 200% }
P { color: green; font-size: 12pt }
P:first-letter { color: red; font-size: 200% }
P { color: green; font-size: 12pt }
P:first-line { color: red; font-size: 200% }


Перечислите параметры псевдо-элемента first-letter:

line-height
float
double
clear


Перечислите параметры псевдо-элемента first-line:

text-decoration
vertical-align
text-transform
visited


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

:undo
:after
:before


Как с помощью псевдо-классов создать новый стиль гиперссылки?

<style type="text/css">
a.family:visited {color: #008080}
a.family:hover {font-family: sans-serif}
</style>

<style mystyle type="text/css">
a[family]:visited {color: #008080}
a[family]:hover {font-family: sans-serif}
</style>

<style type="text/css">
a{family.visited {color: #008080}}
a{family.hover {font-family: sans-serif}}


Какой псевдо-класс добавляет специальный стиль непосещенной ссылке ?

:link
:visited
:notvisited


Примером псевдокласса гиперссылок являются:

A:link { color: red }
:link { color: red }
A.external:visited { color: blue }


Перечислите параметры псевдо-элемента first-letter:

text-decoration
vertical-align
text-transform
visited


Перечислите параметры псевдо-элемента first-line:

word-spacing
float
double
clear


Как с помощью псевдо-классов задать цвет посещенной гиперссылки?

<style type="text/css"> a:visited {color: #808080}</style>
<style type="text/css"> a:last {color: #808080}</style>
<style type="text/css"> a:visited {#808080}</style>
 

Какой псевдо-класс добавляет специальный стиль элементу, когда элемент находится в фокусе?

:active
:focus
:hover


Какой псевдо-класс добавляет специальный стиль элементу, который является первым потомком некоторого другого элемента?

:first
:child
:first-child


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

:after
:first-line
:first-child
:before


Какой псевдо-элемент добавляет специальный стиль к первой букве текста?

first-letter
first
first-line

   

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

:redo
:after
:before


Какой псевдо-элемент добавляет специальный стиль к первой строке текста?

first-letter
first
first-line


Первая форматированная строка будет голубого цвета в следующем примере:

P:first-letter { color: blue; font-size: 200% }
P:first-line { color: blue }
P { color: blue; font-size: 12pt }
<P:first-letter>


Как с помощью псевдо-классов задать цвет гиперссылки?

<style type="text/css"> a:link {color: #808080}</style>
<style type="text/css"> a:linkcolor {#808080}</style>
<style type="text/css"> a {linkcolor: #808080}</style>


К псевдоклассам относятся:

:first-child
:link
:lang
:notvisited


Какой псевдоэлемент можно использовать для "начальных заглавных" и "зависающих заглавных", которые являются распространенными типографскими эффектами?

:first-line
:first-child
:before
:first-letter


Укажите вариант стиля, который будет воспроизводить некоторый звук после каждого появления элемента заголовка h5:

h5:after{content: url(song.wav)}
h5:before{content: url(song.wav)}
h5:onload{content: url(song.wav)}


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

{padding: 20px 10px 5px 20px}
{padding: 5px 10px 15px 20px}
{padding: 10px 10px 20px 5px}


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

p {border-style: dashed dotted lines}
p {border-style: dashed double dotted solid}
p {border-style: dotted no}


Укажите допустимые значения свойства color:

ol {color: rgb(0,0,255)}
ul {color: ffff00}
p {color: green}


С помощью какого параметра можно определить, где в другом элементе появится изображение или текст?

float
visibility
pos


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

P
'font-family'
{ font-family:Arial }


Какой псевдо-класс добавляет специальный стиль активированному элементу?

:active
:focus
:hover


Перечислите доступные свойства параметра font

font-style
font
font-variant


Какое значение параметра list-style-type определяет маркер - закрашенный круг?

disc
circle
round


Укажите варианты форматирования, в которых допущена ошибка:

pre{bottom = -50px}
pre{position: absolute;bottom: -50px}
pre{down: -50px}


Укажите допустимые значения параметра border-width?

thin
null
medium


Укажите корректный пример задания повторяющегося фонового изображения:


<style type="text/css">
body
{
background-image: url(http://www.intuit.ru/pic.jpg);
background-repeat: repeat;
}
</style>

<style type="text/css">
body
{
background-image: "url(http://www.intuit.ru/picture.jpg)";
background-repeat: true;
}
</style>

<style type="text/css">
body
{
background-image: http://www.intuit.ru/picture.jpg;background
: repeat;
}
</style>

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

p{margin-top: 5p}
p{margin-top: 5px}
p{margin-top: 5}


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

background-image
bg-image
background-img


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

h1.all {padding: 1cm 2cm 1cm 2cm}
h1.all {padding: 1 2 1 2}
h1.all {padding: 1% 2% 1% 2%}


Укажите корректные варианты задания толщины границы:

li { border-down-width: 2px }
li { border-bottom-width: thick }
li { border-bottom-width: medium }


Какой параметр задает форму элемента?

redraw
form
clip


Какое значение может иметь свойство 'text-indent'?

60%
auto
none


Укажите корректный вариант задания цвета границы:

h2 { border-bottom-color: #800000}
h2 { border-bottom: color=#800000}
h2 { border-bottom #800000}


Укажите корректный пример задания повторяющегося только по горизонтали фонового изображения:


<style type="text/css">
body
{
background-image: url(http://www.intuit.ru/picture.jpg);
background-repeat: repeat;
}
</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-horiz;
}
</style>


Укажите вариант определения полужирного шрифта:

'regularbold'
'demi'
'bold'


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

space
letter-spacing
para-spacing


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

'width'
{ width:50px }
HR { width:50px }


Укажите корректные примеры описания шрифтов:

p { font: status }
h1 { font: italic 200 arial }
font { oblique arial }


Укажите корректный пример задания фонового цвета элемента:

<style type="text/css">
li {transparent}
</style>

<style type="text/css">
li {bg: transparent}
</style>

<style type="text/css">
li {background-color: transparent}
</style>

Вы можете обратится к нам напрямую, через:

skype По Skype: molodoyberkut
telegram По Telegram: @MolodoyBerkut
icq По ICQ: 657089516

Или через форму обратной связи на нашем сайте
Пока сочиняется...
4.png