Теория и практика разработки современных клиентских веб-приложений

Упражнение 1:

Номер 1

Выберите правильное определение для понятия КАСКАДИРОВАНИЕ в CSS:

Ответ:

(1) это мера того, насколько конкретным является селектор некоторого правила

(2) это механизм, который управляет конечным результатом, в случае когда несколько конфликтующих объявлений CSS применяются к одному элементу

(3) является механизмом, с помощью которого определенные свойства передаются от элемента предка его элементам потомкам

Номер 2

Выберите правильное соответствие для стилей CSS атрибутов 

(1)строковые стили,
(2)"вложенные таблицы стилей", 
(3)"внешние таблицы стилей"
 
и их описаний

(а)означают размещение всех определений CSS в отдельном файле, 
(б)помещаются в заголовке документа внутри элемента style
(в)позволяют применить таблицу стилей к элементу, используя атрибутstyle

Ответ:

(1) 1а, 2б, 3в

(2) 1а, 2в, 3б

(3) 2а, 1б, 3в

(4) 2а, 3б, 1в

(5) 3а, 2б, 1в

(6) 3а, 1б, 2в

Номер 3

Выберите правильный порядок объявлений CSS (по убыванию важности):
        (1)Важные объявления в таблицах стиля автора
        (2)Важные объявления в таблицах стиля пользователя
        (3)Таблицы стилей агента пользователя
        (4)Обычные объявления в таблицах стиля автора
        (5)Обычные объявления в таблицах стиля пользователя

Ответ:

(1) 1,2,3,4,5

(2) 2,1,3,5,4

(3) 3,1,2,4,5

(4) 3,2,1,5,4

(5) 1,2,4,5,3

(6) 2,1,4,5,3

Упражнение 2:

Номер 1

В CSS комментарии помещаются внутрь конструкции

Ответ:

(1) {...}

(2) '...'

(3) "..."

(4) /*...*/

(5) 

(6) использование комментариев в CSS не предусмотрено

Номер 2

Правило специфичности в CSS предусматривает:

Ответ:

(1) более поздние правила в таблице стилей переопределяют более ранние правила

(2) более ранние правила в таблице стилей переопределяют более поздние правила

(3) если два правила не могут быть реализованы одновременно, то игнорируются оба

(4) если два правила не могут быть реализованы одновременно, то выдается ошибка с прекращением загрузки страницы

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

Номер 3

Следующая запись margin: 2px 5px;предусматривает

Ответ:

(1) первое значение применяется к верху и левому краю, второе к правому краю и низу

(2) первое значение применяется к правому краю и низу, второе к верху и левому краю

(3) первое значение применяется к левому и правому краю, второе к верху и низу

(4) первое значение применяется к верху и низу, второе к левому и правому краю

(5) данная запись ошибочна

Упражнение 3:

Номер 1

Использование CSS дает следующие преимущества:

Ответ:

(1) различные дизайны страницы для разных устройств просмотра

(2) уменьшение времени загрузки страниц сайта

(3) простота последующего изменения дизайна

(4) одинаковое отображение вёрстки в различных браузерах

(5) дополнительные возможности оформления

Номер 2

в базовой конструкции элемент1 {элемент2: элемент3;}обозначено:

Ответ:

(1) элемент1 - свойство, элемент2 - значение, элемент3 - селектор

(2) элемент1 - селектор, элемент2 - значение, элемент3 - свойство

(3) элемент1 - свойство, элемент2 - селектор, элемент3 - значение

(4) элемент1 - селектор, элемент2 - свойство, элемент3 - значение

(5) элемент1 - значение, элемент2 - селектор, элемент3 - свойство

(6) элемент1 - значение, элемент2 - свойство, элемент3 - селектор

Номер 3

CSS это

Ответ:

(1) язык программирования

(2) язык разметки

(3) система правил оформления

(4) язык таблиц стилей

Упражнение 4:

Номер 1

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

Ответ:

(1)

<style type="text/css" media="screen">
       p {color:white;background:blue;padding:5px;}</style>

(2)

<style type="text/css" media="screen">
        @import url("styles.css"); </style>

(3)

<link rel="stylesheet" 
        href="styles.css" type="text/css" media="screen">

(4) <p style="background:blue; color:white; padding:5px;">Hello</p>

(5) ни одна из предложенных

Номер 2

Как в CSS определено понятие наследования?

Ответ:

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

(2) определенные свойства передаются от элемента предка его элементам потомкам

(3) описания стилей применяются (наследуются) ко всем элементам документа

(4) среди приведенных формулировок нет верной

Номер 3

В каких определениях селектор задан правильно?

Ответ:

(1) h2;p {color: red}

(2) * {border: 1px solid #000000;}

(3) img[alt] {border: 1px solid #000000;}

(4) img(src="alert.gif") {border: 1px solid #000000;}

(5) h3 < strong {color: green;}

(6) h3 > strong {color: green;}

Упражнение 5:

Номер 1

В каком из примеров селекторы объединены в группу?

Ответ:

(1) p {color:white;background:blue;padding:5px;}

(2) img[alt] {border: 1px solid #000000;}

(3) h2, p {color: red}

(4) * {border: 1px solid #000000;}

(5) h3 > strong {color: green;}

(6)

h2 + p {border: 1px solid #000000;}

Номер 2

В каком из примеров использованы псевдо-классы?

Ответ:

(1) p:first-line {font-weight: bold;}

(2) h2 + p {border: 1px solid #000000;}

(3) * {border: 1px solid #000000;}

(4) img[alt] {border: 1px solid #000000;}

(5) h2, p {font-family: Arial}

Номер 3

В каком из примеров использованы селекторы потомков элементов?

Ответ:

(1) img[alt] {border: 1px solid #000000;}

(2) div, a {font-family: Arial}

(3) tr + li {color: blue}

(4) h3 > font {size: +1}

(5) ни в одном примере

Упражнение 6:

Номер 1

В IE 6 (и более младших версиях)не поддерживаются:

Ответ:

(1) Псевдо-классы

(2) Псевдо-элементы

(3) Селекторы нижележащих элементов

(4) Универсальные селекторы

(5) Селекторы смежных одноуровневых элементов

(6) Селекторы потомков элементов

Номер 2

Укажите неправильные  определения

Ответ:

(1) img(src="alert.gif") {border: 1px solid #000000;}

(2) h3 < strong {color: green;}

(3) div, a {font-family: Arial}

(4)

<style type="text/css">
       p {background:blue;}</style>

(5) * {border: 1px;}

(6) tr.li {color: blue}

Номер 3

В какой из записей определен селектор класса?

Ответ:

(1) ul{font-family: Arial}

(2) #find{border: 1px;}

(3) style{color: yellow;}

(4) ни в одном из примеров

Теория и практика разработки современных клиентских веб-приложений - тест 3