Онлайн тесты на тему "Каскадные таблицы стилей - тест Юрайт (Синергия)"

1. Разграничение содержимого и оформления web-страницы улучшает также продвижение сайта в поисковых системах, которые используют специальные «....», считывающие содержимое страниц на сайтах и индексирущие их.
2. Выберите преимущества подхода, предполагающего разделение содержимого и оформления web-документов:
Выберите все правильные ответы (один или несколько)
• меньше времени уходит на загрузку каждой страницы в браузере
• запрещается изменение оформления при разработке отдельных страниц
• легче исправлять оформление страниц сайта, когда можно править только один файл стилей
• понятнее становится разметка структуры документа
• упрощается адаптация сайта к другим размерам экранов
• улучшается продвижение сайта в поисковых системах
3. Стили оформления документов, которые описаны в начале документа с применением тегов < style > и < /style > называются .
4. Перед именем класса в таблице стилей обязательно используется символ
• -
• #
• \\
• .
5. Термин «каскадные» в отношении таблиц стилей указывает на то, что …
• HTML-документ может использовать несколько стилей, которые имеют разные уровни приоритета
• HTML-документ может использовать несколько стилей, которые имеют один уровень приоритета
• HTML-документ может использовать один стиль, который имеет приоритет
• HTML-документ не может использовать несколько стилей, которые имеют разные уровни приоритета
6. Расположите в порядке убывания правила приоритетов, действующие в CSS
Расставьте в правильном порядке
• встроенные стили браузера
• описание тега
• описание идентификатора элемента
• описание класса элемента
7. Укажите правильный вариант стиля для любого абзаца во внешней таблице стилей, текст которого должен быть выведен зеленым шрифтом
Выберите все правильные ответы (один или несколько)
• p{
color:#008000;
}
• p{
color: green;
}
• p{
color = green;
}
• a{
color: green;
}
8. Внутри одной таблицы CSS (внешней или встроенной) существует три основных способа использования CSS:
Выберите все правильные ответы (один или несколько)
• применение стиля к тегу
• применение стиля к классу элемента
• применение стиля к гиперссылке
• применение стиля к некоторому ID
• применение стиля к тексту
• применение стиля к элементу
9. Применение стиля к тегу. Если требуется, чтобы все абзацы были записаны через две строки и зеленым цветом, в CSS можно добавить следующее объявление:
p {
line-height: 2em;
color: green;
}
Теперь любой контент, заключенный в теги < p >, будет записываться
• через две строки зеленым цветом
• через строку белым цветом
• через строку зеленым цветом
• через две строки белым цветом
10. Каскадные таблицы стилей (Cascading Style Sheets, CSS) – это формальный язык описания
документа, созданного с использованием языка разметки
HTML.
11. Для описания стиля элемента, который должен иметь оформление уникальное для данной страницы используются
• классы тегов
• наименования тегов
• специальные параметры тегов
• идентификаторы тегов
12. Свойство display позволяет указать, какой из этих типов должен применяться к описываемому элементу.
Если задать следующие параметры:
.element{
display: inline-block;
}
• Каждый элемент класса element займет все возможное горизонтальное пространство, каждый будет выводиться с новой строки
• Все элементы класса element (если их несколько подряд) будут расположены в одну строку
• Все элементы класса element будут прижиматься влево, а следующие за ними элементы будут обтекать их справа
• Все элементы этого класса будут выстроены в строку, но при изменении размера экрана или изменения значений других атрибутов элемента, будут перестраиваться, например, переходить в следующую строку
13. Какой параметр в таблице стилей позволяет указать величину отступа блока от границ родительского блока?
• padding
• border
• float
• margin
14. В таблице стилей документа, для описания следующего блока HTML:
< divclass=»new» > … < /div >
вставьте недостающее описание блока:

color: red;
border:2px;
}
15. При указании
.new{
display: inline-block;
}
• каждый элемент класса new займет все возможное горизонтальное пространство, каждый будет выводиться с новой строки
• все элементы класса new (если их несколько подряд) будут расположены в одну строку
• код некорректен
• все элементы класса new будут выстроены в строку, но при изменении размера экрана будут перестраиваться, на пример – переходить в следующую строку
16. Свойство display позволяет указать, какой из этих типов должен применяться к описываемому элементу.
Если задать следующие параметры:
.element{
display: block;
}
• Все элементы этого класса будут выстроены в строку, но при изменении размера экрана или изменения значений других атрибутов элемента, будут перестраиваться, например, переходить в следующую строку
• Каждый элемент класса element займет все возможное горизонтальное пространство, каждый будет выводиться с новой строки
• Все элементы класса element будут прижиматься влево, а следующие за ними элементы будут обтекать их справа
• Все элементы класса element (если их несколько подряд) будут расположены в одну строку
17. Как правильно описать два горизонтальных блока с одинаковым оформлением через CSS?
• #div1{
float:left;
width: 50%;
}
#div1{
float:left;
width: 50%;
}
• все описания некорректны
• #div1 { width:50%} #div2 { width:50%}
• #div1{
float:left;
width: 50%;
}
18. В таблице стилей документа, для описания следующего блока HTML:
< divid=»food» > … < /div >
вставьте недостающее описание блока:

color: red;
border:2px;
}
19. Свойство border задает параметры рамки блока.
Если задать следующие параметры:
.element{
border: 2px solid #e9385a;
border-radius: 5px;
}
• Рамка будет с закругленными углами, толщиной 2 пикселя
• Рамка будет сплошной линией разного цвета со всех четырех сторон
• Рамка будет пунктирной линией одного цвета со всех четырех сторон
• Рамка будет с прямыми углами, толщиной 5 пикселя
20. Свойство float. Позволяет указать как другие элементы должны «обтекать» данный элемент.
Если задать следующие параметры:
.element{
float: left;
}
.other-box{
clear: left;
}
• Все элементы класса element (если их несколько подряд) будут расположены в одну строку
• Каждый элемент класса element займет все возможное горизонтальное пространство, каждый будет выводиться с новой строки
• Все элементы класса element будут прижиматься влево, а следующие за ними элементы будут обтекать их справа. Однако, если встретится элемент класса other-box, он начнет выводиться с новой строки, так как свойство clear:left «обнуляет» предыдущие float
• Все элементы этого класса будут выстроены в строку, но при изменении размера экрана или изменении значений других атрибутов элемента, будут перестраиваться, например, переходить в следующую строку
21. Свойство border задает параметры рамки блока.
Если задать следующие параметры:
.element{
border-color: red green blue orange;
border-style: solid;
}
• Рамка будет пунктирной линией одного цвета со всех четырех сторон
• Рамка будет с закругленными углами, толщиной 2 пикселя
• Рамка будет с прямыми углами, толщиной 5 пикселя
• Рамка будет сплошной линией разного цвета со всех четырех сторон
22. Свойство display позволяет указать, какой из этих типов должен применяться к описываемому элементу.
Если задать следующие параметры:
.element{
display: inline;
}
• Все элементы этого класса будут выстроены в строку, но при изменении размера экрана или изменения значений других атрибутов элемента, будут перестраиваться, например, переходить в следующую строку
• Все элементы класса element будут прижиматься влево, а следующие за ними элементы будут обтекать их справа
• Все элементы класса element (если их несколько подряд) будут расположены в одну строку
• Каждый элемент класса element займет все возможное горизонтальное пространство, каждый будет выводиться с новой строки