Каскадные таблицы стилей CSS

850,00 руб.

В течение часа!

Экзамен Каскадные таблицы стилей CSS для веб-дизайнеров и веб-мастеров.

Профессиональная сертификация «Cascading Style Sheets(CSS)» разработана опытных для веб-дизайнеров и веб-мастеров. Претендент на получение сертификата должен подтвердить наличие глубоких теоретических познаний и практических навыков в области применения каскадных таблиц стилей для подготовки содержимого веб-ресурсов.

Количество

Есть в наличии!

Рейтинг: Напишите отзыв первым!

Вопросы: экзамен состоит из 40 вопросов.
Время: на его прохождение отводится 100 минут.
Проходной балл: 70% и выше.

Бумажная версия сданного сертификата заказывается на сайте RetraTech.

По наличию 9999 шт.

Напишите отзыв первым!

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

Какие из перечисленных способов задания прозрачности для элемента сработают для IE 9.0+?

opacity: .5;

filter: alpha(opacity = 40);

opacity: 0.2;

opacity: 1.5;

opacity: 80%;

Какой браузер из представленных корректно(без багов) поддерживает все значения свойства display?

Mozilla Firefox 3.0

Safari 5.0

Opera 9.2

Internet Explorer 8.0

Google Chrome 2.0

Каким будет порядок расположения слоев после обработки браузером следующего кода?
(CSS2.1 - CSS3, HTML 5)

Оба слоя невидимы, так как расположены за границей экрана

Слой First расположен в левом верхнем углу страницы, а Second – в правом верхнем

Оба слоя видны полностью; на первой строке слой First, на второй - Second

Слой Second расположен в верхнем левом углу; слой First перекрывает его частично

Слой First расположен в верхнем левом углу; слой Second перекрывает его частично

Как можно корректно заменить универсальным свойством background следующий стиль (то есть оптимизировать данный фрагмент кода)?
(CSS2.1 - CSS3, HTML 5)

div {background: url(Images/marker.gif) left :10px lime fixed repeat-x;}

div {background: url(Images/marker.gif) left 10px Lime fixed repeat-x;}

div {background: url(marker.gif) left 10px Lime fixed repeat-x;}

div {background: Lime fixed repeat-x left 10px url(Images/marker.gif);}

div {background: url(Images/marker.gif) left 10px Lime fixed repeat-y;}

Укажите неверные значения свойств word-spacing и letter-spacing.

center

inherit

auto

normal

10mm

Каким будет положение двух блоков текста "box1" и "box2" после обработки браузером следующего кода?
(CSS2.1 - CSS3, HTML 5)

Оба блока прижаты к левой части родителя

"box1" прижат к правой части родительского элемента, "box2" – к левой

Оба блока прижаты к правой части родителя

"box1" прижат к левой части родительского элемента , "box2" – к правой

Оба блока находятся в центре родительского элемента

В каких из представленных строк присутствуют некорректные значения свойства font-weight?

100, 200, 300

700, inherit, 550

inherit, bold, bolder, lighter, 900

200, bolder, 750, normal, 600

bolder, lighter, 1000, normal

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

static

fixed

relative

absolute

auto

Необходимо указать цвет фона для ссылки при нажатии на нее.

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

A:visited

A:hover

A:link

A:active

A:href

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

div.menu приобретет указанное свойство лишь тогда, когда внутрь него будет вложена конструкция <ul> <li><a...></li> </ul>

Селектор "a" приобретет свойство , описанное в таблице стилей лишь в том случае, когда он будет находится внутри конструкции <div class="menu"> <ul> <li>...</li> </ul> </div>

Селекторы a, li, ul приобретут идентичные свойства вне зависимости от вложений и позиционирования

div.menu приобретет указанное свойство лишь тогда, когда он находится внутри конструкции <ul> <li><a...></li> </ul>

Необходимо разместить логотип сайта в левом вернем углу с отступом сверху 50px и слева 10px таким образом, чтобы он не изменял своего положения при возможном изменении содержимого страницы сайта(в том числе был всегда виден на странице).
Какие 2 значения НЕ являются верными для свойства background, заданного для логотипа?

Scroll

Fixed

no-repeat

10px 50px

50px 10px

Необходимо изменить внешний вид полос прокрутки страницы при помощи следующей конструкции:
Какой из перечисленных ниже браузеров корректно обработает этот фрагмент кода?

Safari

Google Chrome

Opera

Mozilla Firefox

Internet Explorer

Какой порядок следования трех блочных элементов First, Second и Third в приведённых ниже фрагментах кода является верным?

Блоки в обоих случаях будут располагаться на трех разных строках соответственно

В первом примере First, Second и Third расположены каждый на новой строке; во втором примере все они расположены на одной строке

В первом примере First - на первой строке. Second и Third - на второй строке; на втором примере First и Second - на первой строке, Third - на второй

В первом примере - First , на той же строке - Second и на следующей строке – Third; во втором примере - First, на следующей строке - Second и рядом - Third

Оба примера одинаковы с точки зрения относительного расположения блочных элементов и будут располагаться на одной строке

Какой будет отступ текста от левого края окна браузера в следующем коде?
(CSS2.1 - CSS3, HTML 5)

0px

Зависит от браузера

Зависит от размеров окна

10px

4px

Какое из перечисленных ниже значений может приобретать свойство height?

Normal

Max

None

Auto

Relative

Что из предложенного нужно подставить на место заштрихованного участка следующего кода, чтобы получить такой результат:
Код:
(CSS2.1 - CSS3, HTML 5)

#ff0 !important

yellow important

!mportant yellow

yellow; z-index: 100

#f0f !important

Какое из перечисленных ниже значений установлено для свойства visibility по умолчанию?

Visibility: collapse

Visibility: visible

Visibility: inherit

Visibility: normal

Visibility: hidden

Какими свойствами рамки будет обладать блок с идентификатором "box" после обработки браузером следующего фрагмента кода?

(CSS2.1 - CSS3, HTML 5)

Какое выравнивание будет иметь текст после обработки браузером следующего кода:
(CSS3, HTML 5)

По левому краю

По центру

Ошибка в определении стиля

По правому краю

По ширине

Каким будет порядок расположения слоев после обработки браузером следующего кода?
(CSS2.1 - CSS3, HTML 5)

Слой First расположен в верхнем левом углу; слой Second перекрывает его частично

Слой Second расположен в верхнем левом углу; слой First перекрывает его частично

Слой First расположен в левом верхнем углу страницы, а Second – в правом верхнем

Оба слоя видны полностью; на первой строке слой First, на второй - Second

Оба слоя невидимы, так как расположены за границей экрана

К какому результату приведет обработка браузером следующего кода?
(CSS2.1 - CSS3, HTML 5)

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

Какова полная ширина блока с классом "layer1" в представленном коде?
(CSS2.1 - CSS3, HTML 5)

296px

276px

250px

256px

290px

Какова будет реакция браузера при наведении курсора мыши на слово Link и на всю область <ol>, если код следующий:
(CSS 2.1 - CSS3, HTML 5)

При нажатии ЛКМ на слове "Link" фон сменится на серебристый и произойдет переход по ссылке.
Остальная область в рамке никак влияет на состояние окна браузера

Вне зависимости от того, на какое место внутри рамки будет наведен курсор, фон изменится на серебристый

В коде в описании стилей содержится ошибка

Наведение курсора не вызовет никаких визуальных изменений

При наведении на любое место внутри рамки произойдет смена фона на серебристый.
Но ссылка будет работать лишь при нажатии ЛКМ на слове "Link".

Вопрос id:90726

Для каких двух браузеров из представленных не работает данный код (прозрачность элемента input не изменится)?
(CSS3, HTML 5)

Safari 5.0

Internet Explorer 9.0

Opera 10.0

Google Chrome 17.0

Mozilla Firefox 10.0

Какая строка приведенного ниже фрагмента кода НЕ содержит ошибок?
11

Все строки содержат ошибки

Каким будет порядок расположения слоев после обработки браузером следующего фрагмента кода?
(CSS2.1 - CSS3, HTML 5)

Будет видна только первая строка с синим фоном

Будет видна только первая строка с оранжевым фоном

Первая строка – оранжевый слой, вторая – зеленый, третья – синий

Первая строка – оранжевый слой, вторая – синий, третья – зеленый

Расположение слоев - по ширине одной строки: слева оранжевый, посередине синий, справа – зеленый

В какой из представленных строк подключения внешней таблицы стилей к документу НЕ допущено ошибок?

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

Для каждой страницы сайта необходимо создать собственную таблицу стилей

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

Разместить на каждой странице в теле документа ссылку на внешнюю таблицу стилей

Разместить на главной странице сайта (index.html) в заголовке описания элементов конструкцию <style> …содержимое… </style>

Использовать ссылку в заголовке на внешнюю таблицу стилей на всех необходимых страницах сайта

В чём состоят отличия между следующими двумя фрагментами кода?

Конструкция в первом примере содержит недопустимые синтаксические ошибки и браузер будет игнорировать указанные свойства селекторов.
Во втором примере селектор p приобретает указанные свойства лишь в случае позиционирования внутри селектора i

В первом примере селектор i приобретает указанные свойства лишь в случае позиционирования внутри селектора p.
Во втором примере свойства идентичны

В первом примере свойства двух селекторов p и i идентичны, а во втором селектор i приобретает указанные свойства
лишь в случае позиционирования внутри селектора p

Свойства идентичны, запятая используется лишь для удобства восприятия

В первом примере свойства двух селекторов p и i идентичны. Во втором примере содержатся ошибки, поэтому браузер будет игнорировать данный стиль

Какие из перечисленных ниже браузеров некорректно работают со свойством overflow?

Safari 1.0

Opera 9.0

Google Chrome 1.0

Mozilla Firefox 3.6

Internet Explorer 8.0

Дан код:
(CSS2.1 - CSS3, TML 5)
Если не указать дополнительное свойство, заштрихованное в коде, то во многих браузерах получим такой результат (слева):
Какое свойство позволит нивелировать разницу межстрочного расстояния (как на изображении справа)?

Margin-top

Padding-top

Text-align

Line-height

Word-spacing

Необходимо выделить первый символ абзаца увеличенным в полтора раза размером шрифта.
Каким образом это возможно осуществить с использованием псевдоклассов?

Используя конструкцию p:first-letter

Средствами CSS данного результата достичь невозможно

Необходима конструкция p:first

Необходимо использовать псевдокласс p:big-letter

Используя конструкцию p:first-symbol

В какой строке из перечисленных приведенного ниже кода допущена ошибка?
(CSS2.1 - CSS3, HTML 5)

Ошибок нет

Необходимо промаркировать список незакрашенными квадратами.
Какой фрагмент кода позволит решить поставленную задачу?

list-style-type: rectangle

list-style-type: square

list-style-image:url(путь к изображению с незакрашенным квадратом)

list-style-type: emptyquad

list-style-type: perimeter

После обработки кода браузером был получен такой результат:
Какой стиль скрыт в данном коде?
(CSS2.1 - CSS3, HTML 5)

table-empty-cells: hide

table-empty-cells: show

table-cells-hide: true

empty-cells: show

empty-cells: hide

Необходимо промаркировать список при помощи точек, при этом маркеры должны обтекаться текстом, как на изображении:
Какие стили из перечисленных позволят решить поставленную задачу?

Ol {list-style: disc outside}

Ol {list-style: outside circle}

Ol {list-style-position: outside; list-style-type: circle}

Ol {list-style-position: inside; list-style-type: disc}

Ol {list-style: inside disc}

В каких строках приведенного ниже фрагмента кода допущены ошибки?
(CSS2.1)

В какой из строк представленного фрагмента кода нет ошибок?
15

Нет верного ответа

Что будет выведено в окно браузера после обработки им следующего кода?
(CSS2.1 - CSS3, HTML 5)

На первой строке - "CCC", на второй - "BB", на третьей – "A"

"CCC" на первой строке

"A" на первой строке

"CBA" на первой строке

"ABC" на первой строке

Какое значение свойства list-style-type нумерованного списка (OL) является используемым по умолчанию?

lower-alpha

upper-roman

numeric

decimal

none

Каким свойством НЕ может обладать блочный элемент разметки?

visibility

z-index

overflow

text-indent

Может обладать всеми перечисленными

В каких строках приведенного ниже фрагмента кода допущены ошибки?
(CSS2.1 - CSS3)

Какой(ие) из блоков будет(ут) виден(ны) после обработки браузером следующего кода?
(CSS2.1 - CSS3, HTML 5)

Все блоки будут видны, но зеленый блок - частично

Будет виден только зеленый блок

Будут видны только желтый и оранжевый блоки

Будут видны только оранжевый и зеленый блоки

Будет виден только желтый блок

Какого цвета будет фон элемента разметки p после обработки браузером следующего кода?
(CSS2.1 - CSS3)

Оранжевый

Красный

Синий

Желтый

Зеленый

Какие слои будут видны (полностью или частично) после обработки браузером следующего кода?
(CSS2.1 - CSS3, HTML 5)

Fifth

Third

Fourth

Second

First

У каких блоков будет оранжевый фон в следующем примере?
(CSS2.1 - CSS3, HTML 5)

С текстом "Text3"

С текстом "Text5"

С текстом "Text4"

С текстом "Text2"

С текстом "Text1"

Какой декоративный эффект будет у текста "Example" после выполнения приведённого ниже кода?
(CSS2.1 - CSS3, HTML 5)

Декоративный эффект в виде подчеркивания

Декоративный эффект в виде зачеркивания

Декоративный эффект в виде надчеркивания

Декоративный эффект в виде надчеркивания и подчеркивания

Декоративного эффект будет отсутствовать

Вы создали таблицу стилей, в которой определили используемые шрифты для элемента #box следующим образом:
Каким шрифтом будет отображено содержимое #box, если на компьютере пользователя установлены все шрифты, кроме "Book Antiqua"?

Шрифтом по умолчанию

"Palatino Linotype"

Семейством шрифтов sans-serif

Palatino

serif

Необходимо создать блочный элемент с со следующими свойствами:

1) Отступ от родительского элемента сверху и снизу - 1em, слева 4px, cправа 0px;
2) Свойства рамки: верхняя и нижняя по 2px пунктирная линия оранжевого цвета;
3) Длина блока должна быть равна 1/3 части от родительского элемента.

Какой из приведенных ниже фрагментов кода позволит решить поставленную задачу?

Margin: 1em 4px; border-top: 2px dashed orange; border-bottom: 2px dashed orange; width: 1/3

Padding: 1em 4px 0 1em; border-top-style: 2px dashed orange; border-bottom-style: 2px dashed orange

Padding: 1em 4px 0; border: 2px solid orange; width: 33%; Margin: 1em 0 1em 4px;

Margin: 1em 0 1em 4px; border-top: 2px dotted orange; border-bottom: 2px dotted orange; width: 33%

Margin: 1em 0 1em 4px; border-top: 2px dotted orange; border-bottom: 2px dotted orange; width: 1/3

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

position: vertical repeat

background-attachment: repeat-y

background-image-position: repeat-y

Средства CSS не позволяют добиться требуемого эффекта

background-repeat: repeat-y

Страница имеет активную полосу прокрутки. Каким будет поведение расположенного на странице элемента в случае, если он обладает свойством position: fixed?

Позиция элемента зависит от значения тега body

Данное свойство не указывает на поведение элемента в случае прокрутки страницы

Такое значение недопустимо

Элемент будет прокручиваться вместе с остальной частью страницы

Элемент не будет прокручиваться вместе с остальной частью страницы

Какими свойствами будет обладать нижняя рамка блочного элемента #box после обработки браузером следующего фрагмента кода?
(CSS2.1 - CSS3)

Сплошная красная, 1px

Двойная синяя, 3px

Пунктирная белая, 4px

Сплошная белая, 1px

Двойная красная, 4px

Необходимо вставить комментарий в таблицу стилей.
Какие фрагменты кода НЕ решат поставленную задачу?

{ комментарий }

<< комментарий >>

// комментарий

/* комментарий */

/** комментарий **/

Какой порядок следования списка свойств border в приведённом ниже фрагменте кода является верным?
border-width, border-style, border-color

border-length, border-style, border-color

border-style, border-collapse, border-length

border-style, border-width, border-length

border-width, border-collapse, border-color

Какой из способов подключения CSS не является верным?

Размещение описания стиля в заголовке документа в элементе STYLE

Переопределение стиля в элементе разметки

Импорт описания стилей

Размещение ссылки на внешнее описание через элемент LINK

Указание ссылки в заголовке документа с помощью <a href=… …>

Если к одному элементу одновременно применяются противоречивые стилевые правила, то более высокий приоритет имеет правило, у которого значение специфичности селектора больше. Определите, у какого селектора cпецифичность выше:

#block или .a .b .c div+p .e p p a

.a .b .c div+p .e p p a , 45 против 30

#block, 100 против 80

Одинаковы, по 50

#block, 100 против 45

.a .b .c div+p .e p p a, 105 против 100

В каком порядке следует указание отступов для свойства padding: 1em 2em 3em 4em?

Нижняя, левая, верхняя, правая

Верхняя, нижняя, левая, правая

Левая, верхняя, правая, нижняя

Верхняя, правая, нижняя, левая

Правая, верхняя, левая, нижняя

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

(CSS2.1 - CSS3, HTML 5)

Необходимо ли указывать стиль тега <em> для сохранения одного размера шрифта приведенном ниже фрагменте кода?

Да, но необходимо указать величину font-size: +20%

Да, но необходимо указать величину font-size, равную 120%

Да, но необходимо указать величину font-size, равную 100%

Да, если необходимо добиться, чтобы содержимое тега <em> имело такой же размер, что и содержимое <p>

Нет, поскольку тег <em> наследует свойства <p>

Что произойдет после обработки браузером следующего фрагмента кода?

Если содержимое не помещается в размеры блока, то оно будет отображено поверх блока

Размеры блока будут увеличены в случае необходимости

Если содержимое превышает размеры блока, то появится элемент прокрутки

Элемент прокрутки будет отображен вне зависимости от содержимого блока

Если содержимое блока превышает по размерам установленные величины, то нижняя часть обрезается

Какой перечень свойств элемента div в следующем коде является верным?

(CSS2.1 - CSS3)

Фон – зеленый, внешний отступ слева 150px, бордюр – сплошная линия 1px

Фон – оранжевый, внешний отступ слева 150px, бордюр – сплошная линия 1px

Фон – оранжевый, внешний отступ слева 50px, бордюр – сплошная линия 3px

Фон – зеленый, внешний отступ слева 100px, бордюр – пунктирная линия 3px

Фон – оранжевый, внешний отступ слева 100px, бордюр – пунктирная линия 3px

В какой из строк приведенного ниже фрагмента кода допущена ошибка?

Ошибок нет

li:first-line или ul li

li:first-line, 20 против 11

одинакова, равна 2

ul li, 20 против 11

ul li, 2 против 1

li:first-line, 2 против 1

Какое из приведенных ниже свойств, определяющих положение элемента, содержит ошибку?

Position: inherit

Top: none

Right: auto

Bottom: 5em

Left: 10%

Каким будет значение отступа от левого края документа до первого символа заголовка (H1) после обработки браузером следующего кода?

200px

250px

300px

150px

100px

Какие значения НЕ может принимать свойство font-style?

cursive

bold

normal

inherit

oblique

В чем состоит отличие между следующими документами:

(CSS2.1 - CSS3)

В первом варианте свойство селектора div не наследуется элементом <p>, а во втором вступает правило наследования, поэтому оба элемента будут иметь оранжевый фон

В первом варианте действует правило наследования свойств, во втором синтаксическая ошибка

Согласно принципам каскадирования в первом варианте свойство селектора div будет влиять на содержимое элемента <p>, так же как и во втором
(свойство селектора p будет воздействовать и на элемент div)

В первом варианте наследование имеет место (оба элемента на оранжевом фоне), а во втором блочный элемент div не наследует свойства элемента p

Оба варианта кода дают идентичный результат

Какое из определений свойства border следует добавить в приведенный ниже фрагмент кода чтобы получить результат, представленный на рисунке?

<div style="border: 2px ? ? ?; width: 100px ">блок текста</div>

groove

inset

dotted

solid

outset

Какие значения свойства z-index из перечисленных указаны верно?

z-index: normal

z-index: 1

z-index: inherit

z-index: auto

z-index: none

Какое из перечисленных ниже значений НЕ может приобретать свойство overflow?

hidden

fixed

auto

scroll

visible

Каким образом будет выглядеть конечный документ после обработки браузером следующего фрагмента кода?
(CSS2.1 - CSS3)

Цвет текста – синий, фон – по умолчанию, шрифт - полужирный

Все настройки по умолчанию, так как возник конфликт стилей

Текст синего цвета, фон оранжевый, шрифт – жирный

Цвет текста – по умолчанию, шрифт – жирный, фон – оранжевый

Текст синего цвета, на оранжевом фоне, полужирный шрифт

Какие значения приобретут свойства рамок блочного элемента box после обработки браузером следующего фрагмента кода?
(CSS2.1 - CSS3)

Рамка будет невидимой, поскольку свойства указаны неверно

Верхняя и нижняя рамки – сплошная линия красного цвета шириной в 3px; левая и правая рамки – по 1px двойная линия зеленого цвета

Верхняя и нижняя рамки – двойная линия шириной 3px зеленого цвета; левая и правая рамки – по 1px сплошная линия красного цвета

Рамки со всех сторон красного цвета шириной 1px сплошной линией

Верхняя и нижняя рамки – сплошная линия красного цвета шириной в 1px; левая и правая рамки – по 3px двойная линия зеленого цвета

В каком месте окна браузера будет расположен текст "Текст" после обработки браузером следующего кода?
(CSS2.1 - CSS3, HTML 5)

По центру

Текст будет невидим

Справа

Слева

По умолчанию

В какой из перечисленных строк представленного кода допущены ошибки?
(CSS3, HTML 5)

Ошибок нет

Ошибки в каждой строке

Какими цветами будут отображены "text", "text2" и "text3" соответственно в следующем коде?
(CSS2.1 - CSS3)

красный, черный, красный

фиолетовый, черный, фиолетовый

красный, красный, красный

фиолетовый, черный, красный

фиолетовый, красный, красный

Фон веб-страницы белый. Возможно ли НЕ указывать для тега body свойство background: white в целях оптимизации кода и сокращения размера таблицы стилей?

Да, белый фон установлен по умолчанию в браузерах Opera, Mozilla Firefox и IE

Нет, поскольку в случае, если пользователь изменил белый фон в свойствах системы, то будет указан именно цвет, определенный пользователем

Нет, так как это необходимый атрибут, без которого остальные значения body будут проигнорированы

Нет, так как в браузере Mozilla Firefox по умолчанию используется серый цвет

Нет, так как в браузере Opera 7 белый цвет не установлен по умолчанию

Каким будет порядок расположения слоев после обработки браузером следующего кода?
(CSS2.1 - CSS3, HTML 5)

Все три блока расположены на одной строке: слева - синий, справа - оранжевый, между ними – зеленый

Виден только синий блок слева вверху страницы

Вверху синий блок, под ним зеленый, под зеленым - синий

Слева вверху страницы зеленый блок, правее него – оранжевый, ниже зеленого блока – синий

Слева вверху страницы синий блок, правее – оранжевый, зеленый не виден

Что должно стоять на указанном в следующем коде месте для объединения одинаковых свойств с целью сокращения длины представленного фрагмента кода?

(CSS2.1 - CSS3)

Знак равенства

Пробел

Двоеточие

Точка с запятой

Запятая

Каким образом будут отображены слова simple и span после обработки браузером следующего фрагмента кода?

Произойдет наложение одного текста на другой

Оба слова «вылезут» за границу экрана и не будут отображены

"simple" – слева, "span" – справа

"simple" – справа, "span" – слева

"span" не будет отображен, поскольку указана отрицательная величина отступа

Для чего предназначены параметры между косой чертой в приведенном ниже фрагменте кода?

Так указывается размер шрифта и интерлиньяж соответственно

Такая запись ошибочна

Как указывается отношение высоты строки к размеру шрифта

Данным способом определяется размер шрифта и высота строки соответственно

Так указывается отношение размера шрифта к высоте строки

ul li.red или li.red ul

ul li.red, 21 против 12

li.red ul, 3 против 2

li.red ul, 21 против 12

ul li.red, 3 против 2

одинакова, равна 12

Дан следующий код:

(CSS2.1 -CSS3, HTML 5)

Определите, чему равен межстрочный интервал в каждом из двух блоков div в пикселях.

В первом - 45px, во втором - по умолчанию ( из-за ошибки в задании стиля)

В первом - 5px, во втором - 8px

В первом - 45px, во втором - 50px

В первом - 18px, во втором -22.5px

Оба - по умолчанию (из-за ошибок в задании стилей)

Какая(ие) ошибка(и) допущены в приведенном ниже фрагмента кода?
(CSS2.1 - CSS3)

Неверно объявлено значение свойства left

Неверное значение свойства z-index

Ошибки при указании значений свойств left и z-index

Неправильная величина при указании значения свойства width.

Ошибок нет

Каким образом следует определять шрифты в конструкции font-family? (выберите все верные утверждения)

Все шрифты необходимо заключать в кавычки

Шрифты нужно перечислять через двоеточие

Шрифты нужно перечислять через запятую

Шрифты нужно перечислять через пробел

Шрифты, название которых состоит из нескольких слов, необходимо заключать в кавычки

Следующий набор стилей для задания цвета корректен в CSS3.
Какие строки вызовут ошибки согласно спецификации CSS2.1?

Все строки корректны

Какой стиль задан у свойства background-clip в следующем коде:
если результат его обработки браузером таков:
(CSS3, HTML 5)

padding-box

content-box

auto

border-box

none

Каким будет размер шрифта текста "first" и "second" соответственно относительно шрифта абзаца "text" после обработки браузером следующего кода?
(CSS2.1 - CSS3, HTML 5)

2em и 1em

3em и 1.5em

2em и 1.5em

1.5em и 1.5em

1.5em и 1em

Что должно стоять вместо ___1___ и ___2___ в строках 7 и 17 нижеследующего кода, чтобы получить такой результат:
Код:
(CSS2.1 - CSS3, HTML 5)

@media screen и @media all соответственно

@media screen и @media print соответственно

@media all и @media projection соответственно

* и !print соответственно

!screen и !print соответственно

Свойства тега H2 объявлены во внешней таблице стилей следующим образом: h2 {text-indent: 3em}. Необходимо изменить его в единственном месте одной страницы, переопределив значение text-indent на 1em.
Какая последовательность действий приведет к оптимальному решению поставленной задачи?

Переопределить стиль в элементе разметки (H2) посредством атрибута STYLE

Добавить к внешней таблице стилей новый класс для тега H2 (например, h2.new {text-indent: 0}

Необходимо подключить новую таблицу стилей при помощи конструкции @import url

Подключить еще одну внешнюю таблицу стилей и в ней определить необходимые параметры

Разместить описание стиля в заголовке документа в элементе STYLE

Дан следующий код:
(CSS2.1 - CSS3, HTML 5)
Каково будет расстояние, указанное на изображении, представляющем собой результат обработки браузером этого кода?

310

300

340

320

280

Каким образом будет выглядеть конечный документ после обработки браузером следующего кода?
(CSS2.1 - CSS3)

first и second – на сером фоне, как и вся страница

first – на оранжевом, second – на сером фоне, остальная часть страницы – на сером фоне

first и second – на оранжевом, остальная часть страницы – на сером фоне

first – на сером, second – на оранжевом фоне, остальная часть страницы – на сером фоне

first – на оранжевом фоне, second – на фоне по умолчанию, остальная часть – на сером фоне

Какие из перечисленных ниже браузеров дадут результат:
Если код следующий:
(HTML 5)

Google Chrome 17.0

Safari 5.1

Opera 10.0

Internet Explorer 9.0

Mozilla Firefox 10.0

Каким параметром определяется расстояние от границы блочного элемента до границы первого строчного символа, находящегося в нем?

text-indent

margin

position

padding

outline

Какой из представленных браузеров не поддерживает свойство position: fixed?

Internet Explorer 6.0

Safari 1.0

Google Chrome 1.0

Opera 4.0

Mozilla Firefox 1.0

Какой элемент CSS скрыт в следующем коде:
(CSS2.1, HTML 5)
Это свойство позволяет задавать поля при печати:

@align

page

@page

@orient

align

Что произойдет после обработки браузером следующего фрагмента кода, если путь к изображению окажется недоступным?

Браузер отобразит маркер в виде точки

Браузер не отобразит содержимое элемента ul

Браузер не отобразит маркер

Браузер не отобразит ни одно свойство элемента ul

Браузер отобразит маркер в виде окружности

Какие три из перечисленных ниже браузеров НЕ поддерживают псевдоэлементы :before и :after ?

Internet Explorer 6

Internet Explorer 7

Mozilla Firefox 1.0

Internet Explorer 5

Opera 7.5

Есть две картинки для фона - back.gif и back2.gif:
Какой стиль нужно задать для тега body, чтобы получить следующий результат?
(CSS3)

background: orange, url(images/back.gif) repeat-x, url(images/back2.gif) repeat-y;

background: url(images/back2.gif) repeat-y, url(images/back.gif) repeat-y orange;

background: url(images/back.gif) url(images/back2.gif) repeat-x repeat-y orange;

background: url(images/back.gif) repeat-x url(images/back2.gif) repeat-y orange;

background: url(images/back.gif) repeat-x, url(images/back2.gif) repeat-y orange;

Необходимо отформатировать единственный абзац на одной странице вашего сайта. Его свойства описаны в заголовке страницы во внутренней (внедренной тегом STYLE) таблице стилей.
Можете ли Вы изменить эти свойства, не затрагивая внедренную таблицу?

Да, в теле документа в самом элементе разметки определить ссылку на новую внешнюю таблицу стилей

Да, для этого необходимо объявить описание стиля данного абзаца в самом элементе разметки в теле документа

Нет, этого сделать невозможно без ввода нового селектора в заголовок документа

Да, в заголовке документа создать еще одну внедренную таблицу стилей и описать в ней необходимые свойства

Да, можно переопределить свойства абзаца во внешней таблице стилей, и подключить ее к необходимой странице методом <link rel =… …>

Каково расстояние от левого края окна браузера до правой границы блочного элемента div в приведенном ниже фрагменте кода?
(CSS2.1 - CSS3, HTML 5)

0px

100px

400px

300px

200px

Представлен код:
(CSS3, HTML 5)
Какое свойство нужно применить на месте заштрихованного участка, чтобы получить следующий результат?

border-round

-webkit-radius

border-radius

round

round-corner

В следующем hTML-документе имеется абзац, состоящий из нескольких строк. Как будет выглядеть первая строка данного абзаца?
(CSS2.1 - CSS3, HTML 5)

Фон первого символа – оранжевый; фон строки – белый; размер шрифта первого символа в два раза больше шрифта первой строки;
размер шрифта первой строки в полтора раза больше следующих

Фон оранжевый, размер шрифта первого символа в полтора раза превышает размер шрифта первой строки;
размер шрифта первой строки в 2 раза больше следующих

Фон – белый, размер шрифта первого символа в три раза превышает размер шрифта первой строки;
размер шрифта первой строки в полтора раза больше следующих

Фон – по умолчанию, размер шрифта первого символа в три раза больше размер шрифта первой строки;
шрифт первой строки по – умолчанию

Фон белый, размер шрифта первого символа в два раза превышает размер шрифта первой строки;
размер шрифта первой строки в полтора раза больше следующих

Представлен код:
(CSS2.1 - CSS3, HTML 5)
Что должно стоять на месте заштрихованного участка, чтобы результат был следующим?

counter-start: id -1;

counter-reset: id 0;

counter-reset id(0);

counter-start: id;

counter-reset: id -1;

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

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

Padding

Top

Border

Left

Margin

Какие строки следующего кода содержат синтаксические ошибки?
(CSS2.1 - CSS3, HTML 5)

Какие из перечисленных ниже браузеров корректно обработают значение свойства list-style-type в следующем фрагменте кода и выведут нумерацию японскими символами?
(CSS3)

Mozilla Firefox 10.0

Internet Explorer 8.0

Internet Explorer 9.0

Opera 9.5

Google Chrome 17.0

Что произойдет после обработки браузером блочного элемента со свойством "width: 40em;" если текст, находящийся в нем, не будет помещаться по ширине?

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

Данное свойство не влияет на поведение текста

Появится возможность горизонтальной прокрутки

Часть текста будет перенесена на следующую строку

Часть текста будет обрезана

Какой будет отступ текста от левого края окна браузера в следующем коде?

(CSS2.1 - CSS3, HTML 5)

0px

Зависит от браузера

Зависит от размеров окна

10px

4px

Какое из перечисленных ниже значений может приобретать свойство height?

Normal

Max

None

Auto

Relative

#ff0 !important

yellow important

!mportant yellow

yellow; z-index: 100

#f0f !important

Какое из перечисленных ниже значений установлено для свойства visibility по умолчанию?

Visibility: collapse

Visibility: visible

Visibility: inherit

Visibility: normal

Visibility: hidden

Какими свойствами рамки будет обладать блок с идентификатором "box" после обработки браузером следующего фрагмента кода?
(CSS2.1 - CSS3, HTML 5)

Какое выравнивание будет иметь текст после обработки браузером следующего кода:
(CSS3, HTML 5)

По левому краю

По центру

Ошибка в определении стиля

По правому краю

По ширине

Каким будет порядок расположения слоев после обработки браузером следующего кода?
(CSS2.1 - CSS3, HTML 5)

Слой First расположен в верхнем левом углу; слой Second перекрывает его частично

Слой Second расположен в верхнем левом углу; слой First перекрывает его частично

Слой First расположен в левом верхнем углу страницы, а Second – в правом верхнем

Оба слоя видны полностью; на первой строке слой First, на второй - Second

Оба слоя невидимы, так как расположены за границей экрана

К какому результату приведет обработка браузером следующего кода?
(CSS2.1 - CSS3, HTML 5)

Какой из предложенных результатов соответствует следующему коду?
(CSS2.1 - CSS3, HTML 5)

Какова полная ширина блока с классом "layer1" в представленном коде?
(CSS2.1 - CSS3, HTML 5)

296px

276px

250px

256px

290px

Вне зависимости от того, на какое место внутри рамки будет наведен курсор, фон изменится на серебристый

В коде в описании стилей содержится ошибка

Наведение курсора не вызовет никаких визуальных изменений

Safari 5.0

Internet Explorer 9.0

Opera 10.0

Google Chrome 17.0

Mozilla Firefox 10.0

Какая строка приведенного ниже фрагмента кода НЕ содержит ошибок?