Тесты онлайн, бесплатный конструктор тестов. Психологические тестирования, тесты на проверку знаний.

Список вопросов базы знаний

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

  • Страница:
  • 1
  • 2
  • 3
  • 4
Вопрос id:90750
Тема/шкала: Синтаксис и базовые типы данных
Какой результат соответствует следующему коду?



(CSS 2.1 - CSS3, HTML 5)
?)
?)
?)
?)
?)
Вопрос id:90751
Тема/шкала: Позиционирование и работа со слоями
Какие слои будут видны (полностью или частично) после обработки браузером следующего кода?



(CSS2.1 - CSS3, HTML 5)
?) First
?) Third
?) Second
?) Fifth
?) Fourth
Вопрос id:90752
Тема/шкала: Синтаксис и базовые типы данных
У каких блоков будет оранжевый фон в следующем примере?



(CSS2.1 - CSS3, HTML 5)
?) С текстом "Text5"
?) С текстом "Text1"
?) С текстом "Text3"
?) С текстом "Text2"
?) С текстом "Text4"
Вопрос id:90753
Тема/шкала: Свойства текста и шрифт
Какой декоративный эффект будет у текста "Example" после выполнения приведённого ниже кода?



(CSS2.1 - CSS3, HTML 5)
?) Декоративный эффект в виде зачеркивания
?) Декоративный эффект в виде надчеркивания
?) Декоративного эффект будет отсутствовать
?) Декоративный эффект в виде подчеркивания
?) Декоративный эффект в виде надчеркивания и подчеркивания
Вопрос id:90754
Тема/шкала: Свойства текста и шрифт
Вы создали таблицу стилей, в которой определили используемые шрифты для элемента #box следующим образом:

.

Каким шрифтом будет отображено содержимое #box, если на компьютере пользователя установлены все шрифты, кроме "Book Antiqua"?
?) Palatino
?) "Palatino Linotype"
?) serif
?) Семейством шрифтов sans-serif
?) Шрифтом по умолчанию
Вопрос id:90755
Тема/шкала: Работа с блочными элементами
Необходимо создать блочный элемент с со следующими свойствами:

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

Какой из приведенных ниже фрагментов кода позволит решить поставленную задачу?
?) Margin: 1em 0 1em 4px; border-top: 2px dotted orange; border-bottom: 2px dotted orange; width: 33%
?) Padding: 1em 4px 0; border: 2px solid orange; width: 33%; Margin: 1em 0 1em 4px;
?) 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
?) Margin: 1em 0 1em 4px; border-top: 2px dotted orange; border-bottom: 2px dotted orange; width: 1/3
Вопрос id:90756
Тема/шкала: Визуальные эффекты
Какой фрагмент кода необходимо добавить к таблице стилей, чтобы фоновое изображение повторялось только по вертикали?
?) position: vertical repeat
?) background-attachment: repeat-y
?) background-repeat: repeat-y
?) Средства CSS не позволяют добиться требуемого эффекта
?) background-image-position: repeat-y
Вопрос id:90757
Тема/шкала: Позиционирование и работа со слоями
Страница имеет активную полосу прокрутки. Каким будет поведение расположенного на странице элемента в случае, если он обладает свойством position: fixed?
?) Позиция элемента зависит от значения тега body
?) Данное свойство не указывает на поведение элемента в случае прокрутки страницы
?) Элемент будет прокручиваться вместе с остальной частью страницы
?) Такое значение недопустимо
?) Элемент не будет прокручиваться вместе с остальной частью страницы
Вопрос id:90758
Тема/шкала: Правила и свойства
Какими свойствами будет обладать нижняя рамка блочного элемента #box после обработки браузером следующего фрагмента кода?



(CSS2.1 - CSS3)
?) Сплошная красная, 1px
?) Сплошная белая, 1px
?) Пунктирная белая, 4px
?) Двойная синяя, 3px
?) Двойная красная, 4px
Вопрос id:90759
Тема/шкала: Синтаксис и базовые типы данных
Необходимо вставить комментарий в таблицу стилей.

Какие фрагменты кода НЕ решат поставленную задачу?
?) { комментарий }
?) /* комментарий */
?) << комментарий >>
?) // комментарий
?) /** комментарий **/
Вопрос id:90760
Тема/шкала: Работа с блочными элементами
Какой порядок следования списка свойств border в приведённом ниже фрагменте кода является верным?

?) border-width, border-collapse, border-color
?) border-style, border-collapse, border-length
?) border-length, border-style, border-color
?) border-style, border-width, border-length
?) border-width, border-style, border-color
Вопрос id:90761
Тема/шкала: Способы применения CSS. Принципы каскадирования. Переопределение и наследование стилей.
Какой из способов подключения CSS не является верным?
?) Импорт описания стилей
?) Размещение описания стиля в заголовке документа в элементе STYLE
?) Переопределение стиля в элементе разметки
?) Указание ссылки в заголовке документа с помощью <a href=… …>
?) Размещение ссылки на внешнее описание через элемент LINK
Вопрос id:90762
Тема/шкала: Способы применения CSS. Принципы каскадирования. Переопределение и наследование стилей.
Если к одному элементу одновременно применяются противоречивые стилевые правила, то более высокий приоритет имеет правило, у которого значение специфичности селектора больше. Определите, у какого селектора cпецифичность выше:

#block  или  .a .b .c div+p .e p p a
?) #block, 100 против 45
?) Одинаковы, по 50
?) #block, 100 против 80
?) .a .b .c div+p .e p p a , 45 против 30
?) .a .b .c div+p .e p p a, 105 против 100
Вопрос id:90763
Тема/шкала: Работа с блочными элементами
В каком порядке следует указание отступов для свойства padding: 1em 2em 3em 4em?
?) Левая, верхняя, правая, нижняя
?) Нижняя, левая, верхняя, правая
?) Правая, верхняя, левая, нижняя
?) Верхняя, правая, нижняя, левая
?) Верхняя, нижняя, левая, правая
Вопрос id:90764
Тема/шкала: Правила и свойства
Сколько слов будет выделено в тексте красным цветом после обработки браузером следующего кода?



(CSS2.1 - CSS3, HTML 5)
?) 9
?) 6
?) 7
?) 5
?) 8
Вопрос id:90765
Тема/шкала: Способы применения CSS. Принципы каскадирования. Переопределение и наследование стилей.
Необходимо ли указывать стиль тега <em> для сохранения одного размера шрифта приведенном ниже фрагменте кода?

?) Да, если необходимо добиться, чтобы содержимое тега <em> имело такой же размер, что и содержимое <p>
?) Нет, поскольку тег <em> наследует свойства <p>
?) Да, но необходимо указать величину font-size, равную 100%
?) Да, но необходимо указать величину font-size, равную 120%
?) Да, но необходимо указать величину font-size: +20%
Вопрос id:90766
Тема/шкала: Работа с блочными элементами
Что произойдет после обработки браузером следующего фрагмента кода?

?) Элемент прокрутки будет отображен вне зависимости от содержимого блока
?) Если содержимое не помещается в размеры блока, то оно будет отображено поверх блока
?) Если содержимое блока превышает по размерам установленные величины, то нижняя часть обрезается
?) Если содержимое превышает размеры блока, то появится элемент прокрутки
?) Размеры блока будут увеличены в случае необходимости
Вопрос id:90767
Тема/шкала: Синтаксис и базовые типы данных
Какой перечень свойств элемента div в следующем коде является верным?



(CSS2.1 - CSS3)
?) Фон – оранжевый, внешний отступ слева 100px, бордюр – пунктирная линия 3px
?) Фон – оранжевый, внешний отступ слева 50px, бордюр – сплошная линия 3px
?) Фон – зеленый, внешний отступ слева 100px, бордюр – пунктирная линия 3px
?) Фон – зеленый, внешний отступ слева 150px, бордюр – сплошная линия 1px
?) Фон – оранжевый, внешний отступ слева 150px, бордюр – сплошная линия 1px
Вопрос id:90768
Тема/шкала: Свойства текста и шрифт
В какой из строк приведенного ниже фрагмента кода допущена ошибка?

?) 10
?) 12
?) 9
?) Ошибок нет
?) 11
Вопрос id:90769
Тема/шкала: Способы применения CSS. Принципы каскадирования. Переопределение и наследование стилей.
Если к одному элементу одновременно применяются противоречивые стилевые правила, то более высокий приоритет имеет правило, у которого значение специфичности селектора больше. Определите, у какого селектора cпецифичность выше:

li:first-line  или  ul li
?) одинакова, равна 2
?) li:first-line, 20 против 11
?) ul li, 20 против 11
?) ul li, 2 против 1
?) li:first-line, 2 против 1
Вопрос id:90770
Тема/шкала: Позиционирование и работа со слоями
Какое из приведенных ниже свойств, определяющих положение элемента, содержит ошибку?
?) Top: none
?) Position: inherit
?) Right: auto
?) Left: 10%
?) Bottom: 5em
Вопрос id:90771
Тема/шкала: Работа с блочными элементами
Каким будет значение отступа от левого края документа до первого символа заголовка (H1) после обработки браузером следующего кода?



(CSS2.1 - CSS3, HTML 5)
?) 300px
?) 150px
?) 100px
?) 200px
?) 250px
Вопрос id:90772
Тема/шкала: Свойства текста и шрифт
Какие значения НЕ может принимать свойство font-style?
?) cursive
?) inherit
?) normal
?) oblique
?) bold
Вопрос id:90773
Тема/шкала: Способы применения CSS. Принципы каскадирования. Переопределение и наследование стилей.
В чем состоит отличие между следующими документами:



(CSS2.1 - CSS3)
?) Оба варианта кода дают идентичный результат
?) В первом варианте наследование имеет место (оба элемента на оранжевом фоне), а во втором блочный элемент div не наследует свойства элемента p
?) В первом варианте действует правило наследования свойств, во втором синтаксическая ошибка
?) Согласно принципам каскадирования в первом варианте свойство селектора div будет влиять на содержимое элемента <p>, так же как и во втором
(свойство селектора p будет воздействовать и на элемент div)
?) В первом варианте свойство селектора div не наследуется элементом <p>, а во втором вступает правило наследования,
поэтому оба элемента будут иметь оранжевый фон
Вопрос id:90774
Тема/шкала: Работа с блочными элементами



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

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

?) dotted
?) solid
?) groove
?) inset
?) outset
Вопрос id:90775
Тема/шкала: Правила и свойства
Какие значения свойства z-index из перечисленных указаны верно?
?) z-index: none
?) z-index: normal
?) z-index: inherit
?) z-index: 1
?) z-index: auto
Вопрос id:90776
Тема/шкала: Правила и свойства
Какое из перечисленных ниже значений НЕ может приобретать свойство overflow?
?) visible
?) fixed
?) scroll
?) auto
?) hidden
Вопрос id:90777
Тема/шкала: Способы применения CSS. Принципы каскадирования. Переопределение и наследование стилей.
Каким образом будет выглядеть конечный документ после обработки браузером следующего фрагмента кода?



(CSS2.1 - CSS3)
?) Все настройки по умолчанию, так как возник конфликт стилей
?) Текст синего цвета, на оранжевом фоне, полужирный шрифт
?) Цвет текста – синий, фон – по умолчанию, шрифт - полужирный
?) Текст синего цвета, фон оранжевый, шрифт – жирный
?) Цвет текста – по умолчанию, шрифт – жирный, фон – оранжевый
Вопрос id:90778
Тема/шкала: Работа с блочными элементами
Какие значения приобретут свойства рамок блочного элемента box после обработки браузером следующего фрагмента кода?



(CSS2.1 - CSS3)
?) Рамка будет невидимой, поскольку свойства указаны неверно
?) Верхняя и нижняя рамки – двойная линия шириной 3px зеленого цвета; левая и правая рамки – по 1px сплошная линия красного цвета
?) Верхняя и нижняя рамки – сплошная линия красного цвета шириной в 3px; левая и правая рамки – по 1px двойная линия зеленого цвета
?) Верхняя и нижняя рамки – сплошная линия красного цвета шириной в 1px; левая и правая рамки – по 3px двойная линия зеленого цвета
?) Рамки со всех сторон красного цвета шириной 1px сплошной линией
Вопрос id:90779
Тема/шкала: Позиционирование и работа со слоями
В каком месте окна браузера будет расположен текст "Текст" после обработки браузером следующего кода?



(CSS2.1 - CSS3, HTML 5)
?) По центру
?) По умолчанию
?) Слева
?) Справа
?) Текст будет невидим
Вопрос id:90780
Тема/шкала: Визуальные эффекты
В какой из перечисленных строк представленного кода допущены ошибки?



(CSS3, HTML 5)
?) 8
?) Ошибок нет
?) Ошибки в каждой строке
?) 9
?) 10
Вопрос id:90781
Тема/шкала: Способы применения CSS. Принципы каскадирования. Переопределение и наследование стилей.
Какими цветами будут отображены "text", "text2" и "text3" соответственно в следующем коде?



(CSS2.1 - CSS3)
?) фиолетовый, красный, красный
?) красный, черный, красный
?) красный, красный, красный
?) фиолетовый, черный, красный
?) фиолетовый, черный, фиолетовый
Вопрос id:90782
Тема/шкала: Кроссбраузерность, различия в трактовке CSS между браузерами (IE , Opera, Mozilla/Firefox)
Фон веб-страницы белый. Возможно ли НЕ указывать для тега body свойство background: white в целях оптимизации кода и сокращения размера таблицы стилей?
?) Нет, так как это необходимый атрибут, без которого остальные значения body будут проигнорированы
?) Нет, так как в браузере Opera 7 белый цвет не установлен по умолчанию
?) Да, белый фон установлен по умолчанию в браузерах Opera, Mozilla Firefox и IE
?) Нет, поскольку в случае, если пользователь изменил белый фон в свойствах системы, то будет указан именно цвет, определенный пользователем
?) Нет, так как в браузере Mozilla Firefox по умолчанию используется серый цвет
Вопрос id:90783
Тема/шкала: Позиционирование и работа со слоями
Каким будет порядок расположения слоев после обработки браузером следующего кода?



(CSS2.1 - CSS3, HTML 5)
?) Виден только синий блок слева вверху страницы
?) Все три блока расположены на одной строке: слева - синий, справа - оранжевый, между ними – зеленый
?) Слева вверху страницы зеленый блок, правее него – оранжевый, ниже зеленого блока – синий
?) Вверху синий блок, под ним зеленый, под зеленым - синий
?) Слева вверху страницы синий блок, правее – оранжевый, зеленый не виден
Вопрос id:90784
Тема/шкала: Синтаксис и базовые типы данных
Что должно стоять на указанном в следующем коде месте для объединения одинаковых свойств с целью сокращения длины представленного фрагмента кода?



(CSS2.1 - CSS3)
?) Точка с запятой
?) Запятая
?) Знак равенства
?) Пробел
?) Двоеточие
Вопрос id:90785
Тема/шкала: Работа с блочными элементами
Каким образом будут отображены слова simple и span после обработки браузером следующего фрагмента кода?

?) "simple" – слева, "span" – справа
?) "simple" – справа, "span" – слева
?) Оба слова «вылезут» за границу экрана и не будут отображены
?) Произойдет наложение одного текста на другой
?) "span" не будет отображен, поскольку указана отрицательная величина отступа
Вопрос id:90786
Тема/шкала: Свойства текста и шрифт
Для чего предназначены параметры между косой чертой в приведенном ниже фрагменте кода?

?) Данным способом определяется размер шрифта и высота строки соответственно
?) Такая запись ошибочна
?) Как указывается отношение высоты строки к размеру шрифта
?) Так указывается отношение размера шрифта к высоте строки
?) Так указывается размер шрифта и интерлиньяж соответственно
Вопрос id:90787
Тема/шкала: Свойства текста и шрифт
Дан следующий код:



(CSS2.1 -CSS3, HTML 5)

Определите, чему равен межстрочный интервал в каждом из двух блоков div в пикселях.
?) В первом - 45px, во втором - 50px
?) В первом - 18px, во втором -22.5px
?) В первом - 45px, во втором - по умолчанию ( из-за ошибки в задании стиля)
?) Оба - по умолчанию (из-за ошибок в задании стилей)
?) В первом - 5px, во втором - 8px
Вопрос id:90788
Тема/шкала: Позиционирование и работа со слоями
Какая(ие) ошибка(и) допущены в приведенном ниже фрагмента кода?



(CSS2.1 - CSS3)
?) Неверно объявлено значение свойства left
?) Неправильная величина при указании значения свойства width.
?) Ошибок нет
?) Неверное значение свойства z-index
?) Ошибки при указании значений свойств left и z-index
Вопрос id:90789
Тема/шкала: Свойства текста и шрифт
Каким образом следует определять шрифты в конструкции font-family? (выберите все верные утверждения)
?) Шрифты, название которых состоит из нескольких слов, необходимо заключать в кавычки
?) Все шрифты необходимо заключать в кавычки
?) Шрифты нужно перечислять через двоеточие
?) Шрифты нужно перечислять через пробел
?) Шрифты нужно перечислять через запятую
Вопрос id:90790
Тема/шкала: Свойства текста и шрифт
Следующий набор стилей для задания цвета корректен в CSS3.



Какие строки вызовут ошибки согласно спецификации CSS2.1?
?) 12
?) 13
?) 11
?) 14
?) Все строки корректны
Вопрос id:90791
Тема/шкала: Визуальные эффекты
Какой стиль задан у свойства background-clip в следующем коде:



если результат его обработки браузером таков:



(CSS3, HTML 5)
?) auto
?) content-box
?) border-box
?) padding-box
?) none
Вопрос id:90792
Тема/шкала: Способы применения CSS. Принципы каскадирования. Переопределение и наследование стилей.
Каким будет размер шрифта текста "first" и "second" соответственно относительно шрифта абзаца "text" после обработки браузером следующего кода?



(CSS2.1 - CSS3, HTML 5)
?) 2em и 1.5em
?) 3em и 1.5em
?) 2em и 1em
?) 1.5em и 1em
?) 1.5em и 1.5em
Вопрос id:90793
Тема/шкала: Правила и свойства
Что должно стоять вместо ___1___ и ___2___ в строках 7 и 17 нижеследующего кода, чтобы получить такой результат:

 

Код:



(CSS2.1 - CSS3, HTML 5)
?) !screen и !print соответственно
?) * и !print соответственно
?) @media screen и @media all соответственно
?) @media all и @media projection соответственно
?) @media screen и @media print соответственно
Вопрос id:90794
Тема/шкала: Способы применения CSS. Принципы каскадирования. Переопределение и наследование стилей.
Свойства тега H2 объявлены во внешней таблице стилей следующим образом: h2 {text-indent: 3em}. Необходимо изменить его в единственном месте одной страницы, переопределив значение text-indent на 1em.

Какая последовательность действий приведет к оптимальному решению поставленной задачи?
?) Переопределить стиль в элементе разметки (H2) посредством атрибута STYLE
?) Необходимо подключить новую таблицу стилей при помощи конструкции @import url
?) Подключить еще одну внешнюю таблицу стилей и в ней определить необходимые параметры
?) Добавить к внешней таблице стилей новый класс для тега H2 (например, h2.new {text-indent: 0}
?) Разместить описание стиля в заголовке документа в элементе STYLE
Вопрос id:90795
Тема/шкала: Работа с блочными элементами
Дан следующий код:



(CSS2.1 - CSS3, HTML 5)

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

?) 310
?) 320
?) 340
?) 280
?) 300
Вопрос id:90796
Тема/шкала: Способы применения CSS. Принципы каскадирования. Переопределение и наследование стилей.
Каким образом будет выглядеть конечный документ после обработки браузером следующего кода?



(CSS2.1 - CSS3)
?) first и second – на оранжевом, остальная часть страницы – на сером фоне
?) first – на сером, second – на оранжевом фоне, остальная часть страницы – на сером фоне
?) first – на оранжевом фоне, second – на фоне по умолчанию, остальная часть – на сером фоне
?) first – на оранжевом, second – на сером фоне, остальная часть страницы – на сером фоне
?) first и second – на сером фоне, как и вся страница
Вопрос id:90797
Тема/шкала: Кроссбраузерность, различия в трактовке CSS между браузерами (IE , Opera, Mozilla/Firefox)
Какие из перечисленных ниже браузеров дадут результат:



Если код следующий:



(HTML 5)
?) Opera 10.0
?) Google Chrome 17.0
?) Safari 5.1
?) Mozilla Firefox 10.0
?) Internet Explorer 9.0
Вопрос id:90798
Тема/шкала: Работа с блочными элементами
Каким параметром определяется расстояние от границы блочного элемента до границы первого строчного символа, находящегося в нем?
?) margin
?) position
?) padding
?) text-indent
?) outline
Вопрос id:90799
Тема/шкала: Кроссбраузерность, различия в трактовке CSS между браузерами (IE , Opera, Mozilla/Firefox)
Какой из представленных браузеров не поддерживает свойство position: fixed?
?) Internet Explorer 6.0
?) Mozilla Firefox 1.0
?) Google Chrome 1.0
?) Opera 4.0
?) Safari 1.0
  • Страница:
  • 1
  • 2
  • 3
  • 4
Copyright testserver.pro 2013-2024 - AppleWebKit