Тест по теме 3 Каскадные таблицы стилей

Укажите Вашу фамилию *

Ваша группа *

Веб-51

1Веб-41

1Веб-42

1ИСП-31

1ИСП-32

1. Выберите преимущества подхода, предполагающего разделение содержимого и оформления web-документов: *

понятнее становится разметка структуры документа

улучшается продвижение сайта в поисковых системах

легче исправлять оформление страниц сайта, когда можно править только один файл стилей

запрещается изменение оформления при разработке отдельных страниц

упрощается адаптация сайта к другим размерам экранов

меньше времени уходит на загрузку каждой страницы в браузер

2. Термин «каскадные» в отношении таблиц стилей указывает на то, что … *

HTML-документ может использовать несколько стилей, которые имеют разные уровни приоритета

HTML-документ может использовать несколько стилей, которые имеют один уровень приоритета

HTML-документ не может использовать несколько стилей, которые имеют разные уровни приоритета

HTML-документ может использовать один стиль, который имеет приоритет

3. Перед именем класса в таблице стилей обязательно используется символ *

_

.

#

\\

4. Каким из способов можно подключить стиль к элементу? *

Встраивание стиля в страницу в раздел <body>

Встраивание стиля в страницу в раздел <head>

Встраивание стиля в тег

С помощью отдельного внешнего файла типа .css

5. Укажите, какой из селекторов стиля абзаца, устанавливающего красный цвет текста, текста описан правильно: *

p=color: red;

p {color=red;}

p {color: red;}

p {style: color=red;}

{p} color:red;

p {text-color: red;}

6. Укажите приоритет применения стилей (начиная с самого низкого - отметьте его цифрой 1) *

	1 (самый низкий)	2	3	4	5 самый высокий
найденные встроенные стили (тег <stуle>)
правила с меткой ! important
стили браузера
стили внешнего CSS файла;
стили, внедренные в тег;

7. Укажите, в каком случае правильно описан стиль для следующего тега: *

<main id="class_main">

#class_main {border: 1px solid brown;}

#id class_main {border: 1px solid brown;}

.id class_main {border: 1px solid brown;}

class_main {border: 1px solid brown;}

.class_main {border: 1px solid brown;}

8. Свойство border задает параметры рамки блока. Если задать следующие параметры: *

.element {

border-color: red green blue orange;

border-style: solid;

}

рамка будет с прямыми углами, толщиной 5 пикселя

рамка будет сплошной линией разного цвета со всех четырех сторон

рамка будет пунктирной линией одного цвета со всех четырех сторон

рамка будет с закругленными углами, толщиной 2 пикселя

9. Укажите, в каком из случаев стиль будет применен к тегу Р? *

р {color: green:}

.р {color: green:}

#р {color: green:}

10. Если к тегу необходимо применить несколько стилей (style1, style2, style3), какой из вариантов записи будет верным? *

div class="style1, style2, style3"

div class_style="1, 2, 3"

div={style1, style2, style3}

div class="style1 style2 style3"

div = class:"style1, style2, style3"

11. Свойство display позволяет указать, какой из этих типов должен применяться к описываемому элементу. Если задать следующие параметры: *

.element {

display: inline;

}

Все элементы класса element будут прижиматься влево, а следующие за ними элементы будут обтекать их справа

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

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

Все элементы класса element (если их несколько подряд) будут расположены в одну строку

12. Укажите название селектора в таблице стилей документа, для описания следующего блока HTML: < div class="new" >...< /div > *

ЧТО ПРОПУЩЕНО? {
сolor:red;
border:2px;
}

13. Cвойство float. Позволяет указать как другие элементы должны «обтекать» данный элемент. Если задать следующие параметры: *

.element {
float: left;
}

.other-box {
clear: left;
}

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

Все элементы класса element будут прижиматься влево, а следующие за ними элементы будут обтекать их справа. Однако, если встретится элемент класса other-box, он начнет выводится с новой строки, так как свойство clear: left «обнуляет» предыдущие float

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

Все элементы класса element (если их несколько подряд) будут расположены в одну строку

14. Свойство display позволяет указать, какой из этих типов должен применяться к описываемому элементу. Если задать следующие параметры: *

.element {

display: inline-block;

}

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

Все элементы класса element будут прижиматься влево, а следующие за ними элементы будут обтекать их справа

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

Все элементы класса element (если их несколько подряд) будут расположены в одну строку

15. Какой параметр в таблице стилей позволяет указать величину отступа контента от границ блока? *

float

border

margin

padding

16. Какой параметр в таблице стилей позволяет указать величину отступа блока от границ родительского блока? *

float

border

margin

padding

17. В селекторе .blok описывается стиль. Выберите, какие свойства должны быть указаны в селекторе, чтобы установить следующие свойства для блока, использующего этот стиль: *

текст красный, имеет размер 20 пикселей, курсивное начертание,

рамка двойная синяя толщиной 5 пикселей,

текст подчеркнут двойной зеленой линией.

18. Какое из значений свойства box-sizing устанавливает ширину блока, таким образом, что она относится к элементу полностью, включая border и padding? *

border-box

content-box