Сертификат RetraTech "Каскадные таблицы стилей CSS" 2021
  • Сертификат RetraTech "Каскадные таблицы стилей CSS" 2021
Сертификат RetraTech "Каскадные таблицы стилей CSS" 2021
  • Сертификат RetraTech "Каскадные таблицы стилей CSS" 2021

Каскадные таблицы стилей 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

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

12

9

10


 

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

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

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

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

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

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

 

 

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

<style> @import url("style/style.css") </style>

<link rel="stylesheet" type="css" href="style/style.css">

<link rel="css" type="text/css" <href="style/style.css">

<link rel="stylesheet" type="text/css" ref="style/style.css">

<style> !import url("style/style.css") </style>

 

 

 

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

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

Стили необходимо определять в каждом элементе разметки с помощью атрибута 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)

9

10

Ошибок нет

8

7

 


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

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)

5

6

7

9

8

 

 

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

14

13

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

12




Что будет выведено в окно браузера после обработки им следующего кода?
(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)

4

2

3

5

1

 

 

Какой(ие) из блоков будет(ут) виден(ны) после обработки браузером следующего кода?
(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)

8

9

5

7

6

 


Необходимо ли указывать стиль тега <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


 

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

11

9

12

10

Ошибок нет

 

 

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

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)

Ошибок нет

9

8

10

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


 

Какими цветами будут отображены "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" не будет отображен, поскольку указана отрицательная величина отступа


 

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

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

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

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

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

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

 

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

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?

13

12

11

14

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


 

Какой стиль задан у свойства 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;


 

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

2

3

4

1

5

 

 

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

Padding

Top

Border

Left

Margin


 

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

8

15

13

12

14


 

Какие из перечисленных ниже браузеров корректно обработают значение свойства 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;" если текст, находящийся в нем, не будет помещаться по ширине?

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

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

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

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

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


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

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

(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)

 

Какой из предложенных результатов соответствует следующему коду?
(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".



 

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

Safari 5.0

Internet Explorer 9.0

Opera 10.0

Google Chrome 17.0

Mozilla Firefox 10.0

 


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

11

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

12

9

10

 

 

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

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

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

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

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

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

 


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

<style> @import url("style/style.css") </style>

<link rel="stylesheet" type="css" href="style/style.css">

<link rel="css" type="text/css" <href="style/style.css">

<link rel="stylesheet" type="text/css" ref="style/style.css">

<style> !import url("style/style.css") </style>

 

 

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

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

Стили необходимо определять в каждом элементе разметки с помощью атрибута 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)

9

10

Ошибок нет

8

7

 


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

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)

5

6

7

9

8

 

 

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

15

14

13

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

12




Что будет выведено в окно браузера после обработки им следующего кода?
(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)

4

2

3

5

1

 


 

Какой(ие) из блоков будет(ут) виден(ны) после обработки браузером следующего кода?
(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)

8

9

5

7

6

 

 


Необходимо ли указывать стиль тега <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

 

 

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

11

9

12

10

Ошибок нет

 

 

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

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) после обработки браузером следующего кода?

(CSS2.1 - CSS3, HTML 5)

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)

Ошибок нет

9

8

10

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

 

 

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

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

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

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

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

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


 

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

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

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

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

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

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



Необходимо сопоставить значения и их свойства так, что бы зеленый блок (first) находился слева, красный блок (second) – справа, оранжевый блок (third) – между ними:
Код:
(CSS2.1 - CSS3, HTML 5)
Какой фрагмент позволит решить поставленную задачу?

"first" – float: left; "second" – float: right; "third" – clear: none

"first" – clear: left; "second" – float: both; "third" – clear: none

"first" – float: none; "second" – float: none; "third" – clear: both

"first" – float: left; "second" – float: left; "third" – clear: inherit

"first" – float: none; "second" – clear: both; "third" – float: left


 

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

Internet Explorer 7.0

Mozilla Firefox 10.0

Opera 10.0

Google Chrome 17.0

Все браузеры, так как в коде допущена синтаксическая ошибка

 

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

Оба блока будут находиться на одной линии, причем "text2" – справа

Оба блока будут находиться на одной линии, причем "text2" – слева

Оба блока будут выровнены по правому краю, причем"text2" ниже чем "text1"

"text2" будет расположен под первым блочным элементом

"text2" будет расположен над первым блочным элементом


 

Какое значение НЕ может приобретать свойство text-transform?

none

capitalize

normal

lowercase

uppercase

 

 

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

Слева

Положение текста не зависит от блока

Справа

Снизу

Сверху

 


 

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

none

both

left

inherit

right


 

В чем состоит отличие между псевдоэлементами :before и :after, которые применяются со свойством content(значение)?

При использовании :before содержимое (content) генерируется после основного элемента, к которому применяется, а при использовании :after - перед

При использовании :before содержимое(content) генерируется перед основным элементом, к которому применяется, а при использовании :after – после

Положение содержимого (content) зависит от того, что записано в значении этого свойства

При использовании :before положение содержимого находится выше основного текста, а при использовании :after – ниже

При использовании :before положение содержимого находится ниже основного текста, а при использовании :after – выше



Какая из предложенных записей недопустима в CSS2.1 - CSS3?

В строке 11

В строке 8

В строке 10

В строке 9

Все записи допустимы


 

Выберите верное утверждение о стиле текста, который выводится в следующем коде:
(CSS2.1 - CSS3, HTML 5)

Выравнивание текста – по центру; отступ первой строки – 20px; шрифт – все заглавные буквы;

Выравнивание – по ширине, интерлиньяж – 20px; вид букв – малые заглавные

Выравнивание текста – по ширине; отступ первой строки – 20px; вид букв – малые заглавные; начертание – наклонное

Начертание – наклонное; высота текста – 20px; выравнивание – по умолчанию;

Отступ первой строки – 20px; вид букв – большие наклонные;


 

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

Отступ справа займет все свободное пространство, видимая часть блока прижата к левому краю

Отступы слева и справа отсутствуют, всё пространство страницы займет содержимое блока

Отступ слева займет все свободное пространство, видимая часть блока прижата к правому краю

Код содержит синтаксическую ошибку

Расположение видимой части блока - по центру страницы


 

Необходимо расположить один абзац(all, оранжевого цвета) рядом с правой частью блочного элемента. Какое свойство необходимо применить к блочному элементу all, что бы блок (right) был расположен справа от него:
(CSS2.1 - CSS3)

padding: left

float: right

margin: right

float: left

clear: left

 

 

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

Первый абзац – синий нормальный, второй абзац – зеленый курсив

Первый абзац – синий нормальный, второй абзац – зеленый нормальный

Первый абзац – зеленый нормальный, второй абзац – зеленый нормальный

Первый абзац – синий курсив, второй абзац – зеленый курсив

Первый абзац – зеленый курсив, второй абзац – синий нормальный


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

Internet Explorer 9.0

Mozilla Firefox 10.0

Safari 5.1

Все перечисленные браузеры

Значение not-allowed недопустимо для данного свойства



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

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

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