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

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

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

  • Страница:
  • 1
  • 2
  • 3
  • 4
Вопрос id:90700
Тема/шкала: Генерируемое содержимое, автоматическая нумерация и списки
Определите, что будет выведено в окно браузера после обработки следующего кода:



(CSS2.1 - CSS3, HTML 5)
?)
?)
?)
?)
?)
Вопрос id:90701
Тема/шкала: Кроссбраузерность, различия в трактовке CSS между браузерами (IE , Opera, Mozilla/Firefox)
Какие из перечисленных способов задания прозрачности для элемента сработают для IE 9.0+?
?) filter: alpha(opacity = 40);
?) opacity: .5;
?) opacity: 0.2;
?) opacity: 1.5;
?) opacity: 80%;
Вопрос id:90702
Тема/шкала: Кроссбраузерность, различия в трактовке CSS между браузерами (IE , Opera, Mozilla/Firefox)
Какой браузер из представленных корректно(без багов) поддерживает все значения свойства display?
?) Opera 9.2
?) Mozilla Firefox 3.0
?) Google Chrome 2.0
?) Internet Explorer 8.0
?) Safari 5.0
Вопрос id:90703
Тема/шкала: Позиционирование и работа со слоями
Каким будет порядок расположения слоев после обработки браузером следующего кода?



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



(CSS2.1 - CSS3, HTML 5)
?) div {background: url(marker.gif) left 10px Lime fixed repeat-x;}
?) 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(Images/marker.gif) left 10px Lime fixed repeat-y;}
?) div {background: Lime fixed repeat-x left 10px url(Images/marker.gif);}
Вопрос id:90705
Тема/шкала: Свойства текста и шрифт
Укажите неверные значения свойств word-spacing и letter-spacing.
?) auto
?) 10mm
?) inherit
?) center
?) normal
Вопрос id:90706
Тема/шкала: Работа с блочными элементами
Каким будет положение двух блоков текста "box1" и "box2" после обработки браузером следующего кода?



(CSS2.1 - CSS3, HTML 5)
?) "box1" прижат к левой части родительского элемента , "box2" – к правой
?) Оба блока находятся в центре родительского элемента
?) "box1" прижат к правой части родительского элемента, "box2" – к левой
?) Оба блока прижаты к левой части родителя
?) Оба блока прижаты к правой части родителя
Вопрос id:90707
Тема/шкала: Свойства текста и шрифт
В каких из представленных строк присутствуют некорректные значения свойства font-weight?
?) inherit, bold, bolder, lighter, 900
?) 200, bolder, 750, normal, 600
?) 700, inherit, 550
?) bolder, lighter, 1000, normal
?) 100, 200, 300
Вопрос id:90708
Тема/шкала: Позиционирование и работа со слоями
Какое значение из предложенных не может приобретать свойство position?
?) relative
?) fixed
?) auto
?) static
?) absolute
Вопрос id:90709
Тема/шкала: Свойства текста и шрифт
Необходимо указать цвет фона для ссылки при нажатии на нее.

Какой псевдокласс позволит решить поставленную задачу?
?) A:hover
?) A:active
?) A:link
?) A:href
?) A:visited
Вопрос id:90710
Тема/шкала: Синтаксис и базовые типы данных
Как работает следующая запись?

?) Селекторы a, li, ul приобретут идентичные свойства вне зависимости от вложений и позиционирования
?) Селектор "а" приобретет данное свойство только когда он будет последовательно вложен в расположенные слева от него селекторы,
в указанном порядке, но необязательно подряд
?) Селектор "a" приобретет свойство , описанное в таблице стилей лишь в том случае, когда он будет находится
внутри конструкции <div class="menu"> <ul> <li>...</li> </ul> </div>
?) div.menu приобретет указанное свойство лишь тогда, когда он находится внутри конструкции <ul> <li><a...></li> </ul>
?) div.menu приобретет указанное свойство лишь тогда, когда внутрь него будет вложена конструкция <ul> <li><a...></li> </ul>
Вопрос id:90711
Тема/шкала: Правила и свойства
Необходимо разместить логотип сайта в левом вернем углу с отступом сверху 50px и слева 10px таким образом, чтобы он не изменял своего положения при возможном изменении содержимого страницы сайта(в том числе был всегда виден на странице).



Какие 2 значения НЕ являются верными для свойства background, заданного для логотипа?
?) 50px 10px
?) no-repeat
?) 10px 50px
?) fixed
?) scroll
Вопрос id:90712
Тема/шкала: Кроссбраузерность, различия в трактовке CSS между браузерами (IE , Opera, Mozilla/Firefox)
Необходимо изменить внешний вид полос прокрутки страницы при помощи следующей конструкции:



Какой из перечисленных ниже браузеров корректно обработает этот фрагмент кода?
?) Opera
?) Mozilla Firefox
?) Safari
?) Google Chrome
?) Internet Explorer
Вопрос id:90713
Тема/шкала: Работа с блочными элементами
Какой порядок следования трех блочных элементов First, Second и Third в приведённых ниже фрагментах кода является верным?

?) Оба примера одинаковы с точки зрения относительного расположения блочных элементов и будут располагаться на одной строке
?) В первом примере - First , на той же строке - Second и на следующей строке – Third; во втором примере - First, на следующей строке - Second и рядом - Third
?) В первом примере First, Second и Third расположены каждый на новой строке; во втором примере все они расположены на одной строке
?) В первом примере First - на первой строке. Second и Third - на второй строке; на втором примере First и Second - на первой строке, Third - на второй
?) Блоки в обоих случаях будут располагаться на трех разных строках соответственно
Вопрос id:90714
Тема/шкала: Способы применения CSS. Принципы каскадирования. Переопределение и наследование стилей.
Какой будет отступ текста от левого края окна браузера в следующем коде?



(CSS2.1 - CSS3, HTML 5)
?) Зависит от браузера
?) Зависит от размеров окна
?) 10px
?) 0px
?) 4px
Вопрос id:90715
Тема/шкала: Правила и свойства
Какое из перечисленных ниже значений может приобретать свойство height?
?) Max
?) Auto
?) None
?) Normal
?) Relative
Вопрос id:90716
Тема/шкала: Правила и свойства
Что из предложенного нужно подставить на место заштрихованного участка следующего кода, чтобы получить такой результат:



Код:



(CSS2.1 - CSS3, HTML 5)
?) yellow important
?) #f0f !important
?) yellow; z-index: 100
?) !mportant yellow
?) #ff0 !important
Вопрос id:90717
Тема/шкала: Правила и свойства
Какое из перечисленных ниже значений установлено для свойства visibility по умолчанию?
?) Visibility: normal
?) Visibility: collapse
?) Visibility: inherit
?) Visibility: visible
?) Visibility: hidden
Вопрос id:90718
Тема/шкала: Правила и свойства
Какими свойствами рамки будет обладать блок с идентификатором "box" после обработки браузером следующего фрагмента кода?



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



(CSS3, HTML 5)
?) По центру
?) По ширине
?) По левому краю
?) Ошибка в определении стиля
?) По правому краю
Вопрос id:90720
Тема/шкала: Генерируемое содержимое, автоматическая нумерация и списки
Какой результат соответствует следующему коду?



(CSS2.1 - CSS3, HTML 5)
?)
?)
?)
?)
?)
Вопрос id:90721
Тема/шкала: Позиционирование и работа со слоями
Каким будет порядок расположения слоев после обработки браузером следующего кода?



(CSS2.1 - CSS3, HTML 5)
?) Слой First расположен в верхнем левом углу; слой Second перекрывает его частично
?) Слой Second расположен в верхнем левом углу; слой First перекрывает его частично
?) Оба слоя невидимы, так как расположены за границей экрана
?) Слой First расположен в левом верхнем углу страницы, а Second – в правом верхнем
?) Оба слоя видны полностью; на первой строке слой First, на второй - Second
Вопрос id:90722
Тема/шкала: Синтаксис и базовые типы данных
К какому результату приведет обработка браузером следующего кода?



(CSS2.1 - CSS3, HTML 5)
?)
?)
?)
?)
?) Запись 'class = "a b c"' недопустима в CSS
Вопрос id:90723
Тема/шкала: Синтаксис и базовые типы данных
Какой из предложенных результатов соответствует следующему коду?



(CSS2.1 - CSS3, HTML 5)
?)
?)
?)
?)
?) Ошибка в задании стилей
Вопрос id:90724
Тема/шкала: Работа с блочными элементами
Какова полная ширина блока с классом "layer1" в представленном коде?



(CSS2.1 - CSS3, HTML 5)
?) 290px
?) 256px
?) 276px
?) 296px
?) 250px
Вопрос id:90725
Тема/шкала: Работа с блочными элементами
Какова будет реакция браузера при наведении курсора мыши на слово Link и на всю область <ol>, если код следующий:



(CSS 2.1 - CSS3, HTML 5)
?) Наведение курсора не вызовет никаких визуальных изменений
?) В коде в описании стилей содержится ошибка
?) При нажатии ЛКМ на слове "Link" фон сменится на серебристый и произойдет переход по ссылке.
Остальная область в рамке никак влияет на состояние окна браузера
?) При наведении на любое место внутри рамки произойдет смена фона на серебристый.
Но ссылка будет работать лишь при нажатии ЛКМ на слове "Link".
?) Вне зависимости от того, на какое место внутри рамки будет наведен курсор, фон изменится на серебристый
Вопрос id:90726
Тема/шкала: Кроссбраузерность, различия в трактовке CSS между браузерами (IE , Opera, Mozilla/Firefox)
Для каких двух браузеров из представленных не работает данный код (прозрачность элемента input не изменится)?



(CSS3, HTML 5)
?) Google Chrome 17.0
?) Internet Explorer 9.0
?) Opera 10.0
?) Mozilla Firefox 10.0
?) Safari 5.0
Вопрос id:90727
Тема/шкала: Свойства текста и шрифт
Какая строка приведенного ниже фрагмента кода НЕ содержит ошибок?

?) 11
?) Все строки содержат ошибки
?) 10
?) 9
?) 12
Вопрос id:90728
Тема/шкала: Позиционирование и работа со слоями
Каким будет порядок расположения слоев после обработки браузером следующего фрагмента кода?



(CSS2.1 - CSS3, HTML 5)
?) Первая строка – оранжевый слой, вторая – синий, третья – зеленый
?) Расположение слоев - по ширине одной строки: слева оранжевый, посередине синий, справа – зеленый
?) Первая строка – оранжевый слой, вторая – зеленый, третья – синий
?) Будет видна только первая строка с оранжевым фоном
?) Будет видна только первая строка с синим фоном
Вопрос id:90729
Тема/шкала: Способы применения CSS. Принципы каскадирования. Переопределение и наследование стилей.
В какой из представленных строк подключения внешней таблицы стилей к документу НЕ допущено ошибок?
?) <link rel="stylesheet" type="text/css" ref="style/style.css">
?) <link rel="css" type="text/css" <href="style/style.css">
?) <link rel="stylesheet" type="css" href="style/style.css">
?) <style> !import url("style/style.css") </style>
?) <style> @import url("style/style.css") </style>
Вопрос id:90730
Тема/шкала: Способы применения CSS. Принципы каскадирования. Переопределение и наследование стилей.
Необходимо создать небольшой сайт. Решено подключить стилевую таблицу, чтобы она влияла на определенные, заранее отмеченные элементы всего сайта.

Какая последовательность действий приведет к решению поставленной задачи?
?) Разместить на каждой странице в теле документа ссылку на внешнюю таблицу стилей
?) Для каждой страницы сайта необходимо создать собственную таблицу стилей
?) Разместить на главной странице сайта (index.html) в заголовке описания элементов конструкцию <style> …содержимое… </style>
?) Стили необходимо определять в каждом элементе разметки с помощью атрибута STYLE
?) Использовать ссылку в заголовке на внешнюю таблицу стилей на всех необходимых страницах сайта
Вопрос id:90731
Тема/шкала: Синтаксис и базовые типы данных
В чём состоят отличия между следующими двумя фрагментами кода?

?) Свойства идентичны, запятая используется лишь для удобства восприятия
?) В первом примере свойства двух селекторов p и i идентичны. Во втором примере содержатся ошибки,
поэтому браузер будет игнорировать данный стиль
?) Конструкция в первом примере содержит недопустимые синтаксические ошибки и браузер будет игнорировать указанные свойства селекторов.
Во втором примере селектор p приобретает указанные свойства лишь в случае позиционирования внутри селектора i
?) В первом примере свойства двух селекторов p и i идентичны, а во втором селектор i приобретает указанные свойства
лишь в случае позиционирования внутри селектора p
?) В первом примере селектор i приобретает указанные свойства лишь в случае позиционирования внутри селектора p.
Во втором примере свойства идентичны
Вопрос id:90732
Тема/шкала: Кроссбраузерность, различия в трактовке CSS между браузерами (IE , Opera, Mozilla/Firefox)
Какие из перечисленных ниже браузеров некорректно работают со свойством overflow?
?) Opera 9.0
?) Google Chrome 1.0
?) Internet Explorer 8.0
?) Safari 1.0
?) Mozilla Firefox 3.6
Вопрос id:90733
Тема/шкала: Кроссбраузерность, различия в трактовке CSS между браузерами (IE , Opera, Mozilla/Firefox)
Дан код:



(CSS2.1 - CSS3, TML 5)

Если не указать дополнительное свойство, заштрихованное в коде, то во многих браузерах получим такой результат (слева):

    

Какое свойство позволит нивелировать разницу межстрочного расстояния (как на изображении справа)?
?) Text-align
?) Margin-top
?) Line-height
?) Word-spacing
?) Padding-top
Вопрос id:90734
Тема/шкала: Свойства текста и шрифт
Необходимо выделить первый символ абзаца увеличенным в полтора раза размером шрифта.

Каким образом это возможно осуществить с использованием псевдоклассов?
?) Используя конструкцию p:first-symbol
?) Используя конструкцию p:first-letter
?) Необходима конструкция p:first
?) Средствами CSS данного результата достичь невозможно
?) Необходимо использовать псевдокласс p:big-letter
Вопрос id:90735
Тема/шкала: Синтаксис и базовые типы данных
В какой строке из перечисленных приведенного ниже кода допущена ошибка?



(CSS2.1 - CSS3, HTML 5)
?) Ошибок нет
?) 10
?) 7
?) 9
?) 8
Вопрос id:90736
Тема/шкала: Генерируемое содержимое, автоматическая нумерация и списки
Необходимо промаркировать список незакрашенными квадратами.

Какой фрагмент кода позволит решить поставленную задачу?
?) list-style-type: rectangle
?) list-style-type: square
?) list-style-type: perimeter
?) list-style-image:url(путь к изображению с незакрашенным квадратом)
?) list-style-type: emptyquad
Вопрос id:90737
Тема/шкала: Способы применения CSS. Принципы каскадирования. Переопределение и наследование стилей.
Если к одному элементу одновременно применяются противоречивые стилевые правила, то более высокий приоритет имеет правило, у которого значение специфичности селектора больше. Определите, у какого селектора cпецифичность выше:

ul li.red  или  li.red ul
?) li.red ul, 21 против 12
?) li.red ul, 3 против 2
?) одинакова, равна 12
?) ul li.red, 21 против 12
?) ul li.red, 3 против 2
Вопрос id:90738
Тема/шкала: Синтаксис и базовые типы данных
Какой результат соответствует следующему коду?



(CSS3, HTML 5)
?)
?)
?)
?) Конструкция "body * span" недопустима в CSS
?)
Вопрос id:90739
Тема/шкала: Правила и свойства
После обработки кода браузером был получен такой результат:



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



(CSS2.1 - CSS3, HTML 5)
?) table-empty-cells: hide
?) empty-cells: show
?) table-empty-cells: show
?) empty-cells: hide
?) table-cells-hide: true
Вопрос id:90740
Тема/шкала: Синтаксис и базовые типы данных
Какой результат соответствует следующему коду?



(CSS3, HTML 5)
?)
?)
?)
?)
?)
Вопрос id:90741
Тема/шкала: Генерируемое содержимое, автоматическая нумерация и списки
Необходимо промаркировать список при помощи точек, при этом маркеры должны обтекаться текстом, как на изображении:



Какие стили из перечисленных позволят решить поставленную задачу?
?) Ol {list-style: inside disc}
?) Ol {list-style-position: outside; list-style-type: circle}
?) Ol {list-style-position: inside; list-style-type: disc}
?) Ol {list-style: outside circle}
?) Ol {list-style: disc outside}
Вопрос id:90742
Тема/шкала: Синтаксис и базовые типы данных
В каких строках приведенного ниже фрагмента кода допущены ошибки?



(CSS2.1)
?) 5
?) 8
?) 9
?) 7
?) 6
Вопрос id:90743
Тема/шкала: Генерируемое содержимое, автоматическая нумерация и списки
В какой из строк представленного фрагмента кода нет ошибок?

?) Нет верного ответа
?) 12
?) 14
?) 15
?) 13
Вопрос id:90744
Тема/шкала: Позиционирование и работа со слоями
Что будет выведено в окно браузера после обработки им следующего кода?



(CSS2.1 - CSS3, HTML 5)
?) "A" на первой строке
?) "ABC" на первой строке
?) "CCC" на первой строке
?) "CBA" на первой строке
?) На первой строке - "CCC", на второй - "BB", на третьей – "A"
Вопрос id:90745
Тема/шкала: Генерируемое содержимое, автоматическая нумерация и списки
Какое значение свойства list-style-type нумерованного списка (OL) является используемым по умолчанию?
?) numeric
?) lower-alpha
?) none
?) decimal
?) upper-roman
Вопрос id:90746
Тема/шкала: Работа с блочными элементами
Каким свойством НЕ может обладать блочный элемент разметки?
?) z-index
?) overflow
?) text-indent
?) Может обладать всеми перечисленными
?) visibility
Вопрос id:90747
Тема/шкала: Свойства текста и шрифт
В каких строках приведенного ниже фрагмента кода допущены ошибки?



(CSS2.1 - CSS3)
?) 2
?) 3
?) 1
?) 4
?) 5
Вопрос id:90748
Тема/шкала: Позиционирование и работа со слоями
Какой(ие) из блоков будет(ут) виден(ны) после обработки браузером следующего кода?



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



(CSS2.1 - CSS3)
?) Зеленый
?) Оранжевый
?) Красный
?) Желтый
?) Синий
  • Страница:
  • 1
  • 2
  • 3
  • 4
Copyright testserver.pro 2013-2024