Введение в стандарты Web

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

Номер 1

Для чего используются каскадные таблицы стилей (CSS)?

Ответ:

(1) для оформления HTML

(2) для размещения HTML на Web-странице

(3) для определения функции элементов

Номер 2

Для чего CSS не используется?

Ответ:

(1) для структурирования документа

(2) для определения функции элементов

(3) для определения оформления HTML

Номер 3

Какие параметры элементов определяются с использованием CSS?

Ответ:

(1) функция элемента

(2) цвет

(3) размер

(4) шрифт

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

Номер 1

В каком случае для комментария CSS использован верный синтаксис?

Ответ:

(1) /*комментарий*/

(2) /*комментарий/*

(3) /*комментарий

Номер 2

Укажите верные утверждения:

Ответ:

(1) CSS имеет только комментарии блочного уровня

(2) в CSS комментарий не может быть однострочным вообще

(3) в CSS нет комметариев

Номер 3

Что обозначает запись h1, p {color:red} в CSS?

Ответ:

(1) к h1 и p будет применено одинаковое оформление

(2) оформление будет применено только к p

(3) оформление будет применено только к h1

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

Номер 1

Какой элемент приведенной ниже записи является селектором?
		
p {
   margin:5px;
   color:blue;
}

Ответ:

(1) p

(2) margin

(3) color

Номер 2

Какой элемент приведенной ниже записи является свойством?
		
p {
   margin:5px;
   color:blue;
}

Ответ:

(1) p

(2) margin

(3) color

(4) 5px

(5) blue

Номер 3

Какой элемент приведенной ниже записи является значением?
		
p {
   margin:5px;
   color:blue;
}

Ответ:

(1) p

(2) margin

(3) color

(4) 5px

(5) blue

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

Номер 1

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

Ответ:

(1) p{}

(2) .example{}

(3) #example{}

Номер 2

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

Ответ:

(1) p{}

(2) .example{}

(3) #example{}

Номер 3

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

Ответ:

(1) p{}

(2) .example{}

(3) #example{}

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

Номер 1

Селекторы id:

Ответ:

(1) не проверяют название никакого элемента

(2) соответствует всем элементам на странице с указанным названием

(3) являются уникальными для каждой страницы

Номер 2

В каком случае будет использован следующий селектор?
		
#menu{
  border-style:solid;
  border-color:rgb(0,0,0);
  border-width:1px;
}

Ответ:

(1) <ul class="menu">

(2) <ul id="menu">

(3) <ul "menu">

Номер 3

Какому элементу соответствует селектор div#example{}?

Ответ:

(1) всем элементам div

(2) элементу со значением атрибута class равным example, но только когда он является div

(3) элементу со значением атрибута id равным example, но только когда он является div

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

Номер 1

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

Ответ:

(1) селекторы потомков

(2) селекторы нижележащих

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

Номер 2

Чем селекторы нижележащих отличаются от селекторов потомков?

Ответ:

(1) тем, что позволяют выбирать прямых потомков элементов

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

(3) ничем не отличаются

Номер 3

Селекторы смежных одноуровневых предназначены для выбора:

Ответ:

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

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

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

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

Номер 1

На какие элементы распространяется следующее правило?
		
* {
  border: 1px solid #000000;
}

Ответ:

(1) на элемент *

(2) на каждый элемент на странице

(3) ни на какие, т.к. указанное правило синтаксически неверно

Номер 2

Какие селекторы выбирают каждый элемент на странице для применения к ним стилей оформления?

Ответ:

(1) универсальные селекторы

(2) селекторы атрибутов

(3) селекторы потомка

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

Номер 3

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

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

Ответ:

(1) универсальные селекторы

(2) селекторы атрибутов

(3) селекторы потомка

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

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

Номер 1

На какие элементы распространяется правило?
		
h3 > strong {
  color: blue;
}

Ответ:

(1) на элемент h3

(2) на элементы, которые являются потомками элементов h3

(3) на элементы, потомком которых является элемент h3

Номер 2

Какой элемент является предком всех элементов в данном случае?
		
<div>
  <em>em</em>
  <p>p 
    <em>em</em>.
  </p>
</div>

Ответ:

(1) div

(2) em

(3) p

Номер 3

В каком случае для фрагмента 
		
<div>
  <em>em</em>
  <p>p 
    <em>em</em>.
  </p>
</div>
		
		будут выбраны оба элемента em?

Ответ:

(1) div > em { ... }

(2) div em { ... }

(3) в любом из приведенных случаев

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

Номер 1

На какие элементы распространяется правило?
		
h2 + p {
 ...
}

Ответ:

(1) на элементы h2 и p

(2) на все элементы p

(3) на элементы p, которые следуют непосредственно после элементов h2

Номер 2

Какое из указанных правил является сокращенной записью заданного правила?
        
div.foo {
  margin-top: 1em;
  margin-right: 1.5em;
  margin-bottom: 2em;
  margin-left: 2.5em;
}

Ответ:

(1) div.foo {margin: 1em, 1.5em, 2em, 2.5em;}

(2) div.foo {margin: 1em 1.5em 2em 2.5em;}

(3) div.foo {margin: 1em; 1.5em; 2em; 2.5em;}

Номер 3

Для чего используются псевдо-классы?

Ответ:

(1) для стилевого оформления элементов

(2) для стилевого оформления различных состояний элементов

(3) для определения функции элементов

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

Номер 1

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

Ответ:

(1) :link

(2) :visited

(3) :focus

(4) :hover

(5) :active

Номер 2

Какой псевдо-класс используется для указания ссылки, на которой в данный момент находится указатель мыши?

Ответ:

(1) :link

(2) :visited

(3) :focus

(4) :hover

(5) :active

Номер 3

Какой псевдо-класс используется для указания ссылки, на которой в данный момент происходит щелчок?

Ответ:

(1) :link

(2) :visited

(3) :focus

(4) :hover

(5) :active

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

Номер 1

Для чего используются псевдо-элементы?

Ответ:

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

(2) для стилевого оформления различных состояний элементов

(3) для генерации контента с помощью CSS

Номер 2

Какой псевдо-элемент определяет, что контент должен быть вставлен после выбранного элемента?

Ответ:

(1) :before

(2) :after

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

Номер 3

Что обозначает заданное правило?
        
a:after{
  content: " " url(image.gif);
}

Ответ:

(1) перед каждой ссылкой будет вставлено изображение

(2) после каждой ссылки будет вставлено изображение

(3) вместо каждой ссылки будет вставлено изображение

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

Номер 1

Каким образом будет применено правило: margin: 2px 5px;?

Ответ:

(1) значение 2px применяется к верху и низу

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

(3) значение 5px применяется к верху и низу

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

Номер 2

Каким образом будет применено правило: margin: 2px;?

Ответ:

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

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

(3) значение 2px применяется ко всем четырем сторонам

Номер 3

Каким образом будет применено правило: margin: 2px 5px 1px;?

Ответ:

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

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

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

Введение в стандарты Web - тест 27