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

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

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

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



(CSS2.1 - CSS3, HTML 5)
?)
?)
?)
?)
?)
Вопрос id:90701
Тема/шкала: Кроссбраузерность, различия в трактовке CSS между браузерами (IE , Opera, Mozilla/Firefox)
Какие из перечисленных способов задания прозрачности для элемента сработают для IE 9.0+?
?) opacity: 1.5;
?) opacity: .5;
?) filter: alpha(opacity = 40);
?) opacity: 0.2;
?) opacity: 80%;
Вопрос id:90702
Тема/шкала: Кроссбраузерность, различия в трактовке CSS между браузерами (IE , Opera, Mozilla/Firefox)
Какой браузер из представленных корректно(без багов) поддерживает все значения свойства display?
?) Mozilla Firefox 3.0
?) Google Chrome 2.0
?) Opera 9.2
?) 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(Images/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;}
?) div {background: url(marker.gif) left 10px Lime fixed repeat-x;}
?) div {background: url(Images/marker.gif) left :10px lime fixed repeat-x;}
Вопрос id:90705
Тема/шкала: Свойства текста и шрифт
Укажите неверные значения свойств word-spacing и letter-spacing.
?) auto
?) normal
?) 10mm
?) center
?) inherit
Вопрос id:90706
Тема/шкала: Работа с блочными элементами
Каким будет положение двух блоков текста "box1" и "box2" после обработки браузером следующего кода?



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

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

?) 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>
?) Селектор "а" приобретет данное свойство только когда он будет последовательно вложен в расположенные слева от него селекторы,
в указанном порядке, но необязательно подряд
Вопрос id:90711
Тема/шкала: Правила и свойства
Необходимо разместить логотип сайта в левом вернем углу с отступом сверху 50px и слева 10px таким образом, чтобы он не изменял своего положения при возможном изменении содержимого страницы сайта(в том числе был всегда виден на странице).



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



Какой из перечисленных ниже браузеров корректно обработает этот фрагмент кода?
?) Safari
?) Opera
?) Internet Explorer
?) Google Chrome
?) Mozilla Firefox
Вопрос 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)
?) Зависит от размеров окна
?) 0px
?) 10px
?) Зависит от браузера
?) 4px
Вопрос id:90715
Тема/шкала: Правила и свойства
Какое из перечисленных ниже значений может приобретать свойство height?
?) Max
?) None
?) Auto
?) Normal
?) Relative
Вопрос id:90716
Тема/шкала: Правила и свойства
Что из предложенного нужно подставить на место заштрихованного участка следующего кода, чтобы получить такой результат:



Код:



(CSS2.1 - CSS3, HTML 5)
?) #f0f !important
?) yellow important
?) #ff0 !important
?) yellow; z-index: 100
?) !mportant yellow
Вопрос id:90717
Тема/шкала: Правила и свойства
Какое из перечисленных ниже значений установлено для свойства visibility по умолчанию?
?) Visibility: collapse
?) Visibility: visible
?) Visibility: inherit
?) Visibility: hidden
?) Visibility: normal
Вопрос 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)
?) Оба слоя невидимы, так как расположены за границей экрана
?) Слой Second расположен в верхнем левом углу; слой First перекрывает его частично
?) Оба слоя видны полностью; на первой строке слой First, на второй - Second
?) Слой 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
?) 276px
?) 256px
?) 250px
?) 296px
Вопрос id:90725
Тема/шкала: Работа с блочными элементами
Какова будет реакция браузера при наведении курсора мыши на слово Link и на всю область <ol>, если код следующий:



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



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

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



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

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

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



(CSS2.1 - CSS3, TML 5)

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

    

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

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



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

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

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



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



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



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



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



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



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

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



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



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



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



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