Результаты прохождения теста CSS основы пользователем Denis Orlov

Результат прохождения теста "CSS основы" - Пройден

+111

  • Кто проходил: Denis Orlov
  • Дата прохождения: 12.09.2019
Какая высота родительского элемента?
<div class='parent'> 
 <div class='child1'></div> 
 <div class='child2'></div> 
</div> 
 
.child1 { 
 width: 200px; 
 height: 50px; 
 float: left; 
} 
.child2 { 
 width: 200px; 
 height: 70px; 
} 
Ваши ответы
70px
Объяснение:

Высота родительского элемента определяется высотой его содержимого, т.е. суммой высот двух дочерних блоков. Но элемент с классом child1 выводится из потока (float: left) и более не оказывает влияние на высоту родителя. Поэтому высота родителя теперь определяется высотой элемента с классом child2, т.е. равна 70px.

Какие значения может иметь свойство display?
Ваши ответы
block
inline-block
Как создать белый, полупрозрачный фон элемента, не затрагивая прозрачности размещенных на нем элементов.
Ваши ответы
background: rgba(255,255,255,.5); 
Какое CSS свойство нужно добавить чтобы фоновое изображение повторялось только по вертикали?
Ваши ответы
background-repeat: repeat-y;
Какого цвета будет text?
<style> 
   p { 
       color: green !important; 
   } 
 
   #p { 
       color: blue; 
   } 
</style>     
<p id="p" style="color: red">text</p> 
Ваши ответы
Зеленый
Объяснение:

!important позволяет повысить приоритет стиля, поэтому цвет будет зеленый.

В чем отличие тегов b и strong?
Ваши ответы
Тег strong подчеркивает важность
Сайт имеет более ста HTML-документов, имеющих одинаковое стилевое оформление. Какой способ подключения CSS подходит лучше всего?
Ваши ответы
Связанные стили ()
Объяснение:

Связанные стили. Потому что изменив одно свойство, оно измениться на всех страничках html, в которых подключен это css файл.

Каким способом обозначается универсальный селектор?
Ваши ответы
*
Объяснение:

Для обозначения универсального селектора применяется символ звездочки (*) и в общем случае синтаксис будет следующий:
* { Описание правил стиля }

Что определяет параметр background-attachment?
Ваши ответы
определяет привязку фона к содержимому
Объяснение:

http://htmlbook.ru/css/background-attachment

Создание класса red, который может примениться только к <h1> ?
Ваши ответы
h1.red { color: red; }
Как подключить авторский или собственный шрифт к странице так, чтобы он отображался у всех посетителей сайта одинаково?
Ваши ответы
@font-face
Объяснение:

CSS правило @font-face позволяет использовать авторский или собственный шрифт, загружаемый с вашего веб-сервера, для отображения на веб-странице.
Для того, чтобы шрифт отображался во всех браузерах, нужно будет указать через запятую несколько файлов с различными расширениями (разные браузеры поддерживают разные расширения файлов, поэтому не получиться указать единственный файл для корректной работы во всех браузерах). На тот случай, если пользователь использует старую версию браузера, не поддерживающую правило @font-face, стоит в стиле к элементу, для которого используется собственный шрифт, указать дополнительно стандартные шрифты.
Пример:
@font-face {
font-family: mainFont;
src: url("Font_1.ttf"), url("Font_1.eot");
}
p {
font-family: mainFont, sans-serif;
}

С помощью какого свойства фоновое изображение будет зафиксированным на одном месте.
Ваши ответы
background-attachment: fixed
Что означает свойство z-index ?
Ваши ответы
Наложение позиционированных элементов друг на друга в определенном порядке имитируя тем самым третье измерение, перпендикулярное экрану.
Объяснение:

Любые позиционированные элементы на веб-странице могут накладываться друг на друга в определенном порядке, имитируя тем самым третье измерение, перпендикулярное экрану. Каждый элемент может находиться как ниже, так и выше других объектов веб-страницы, их размещением по z-оси и управляет атрибут z-index.(ответ 3)

Какой из стилей обладает наибольшим приоритетом и применится к соответствующему элементу?
Ваши ответы
H2.f1{ font-family:courier; font-size:14pt}
Укажите вариант, в котором корректно заданы параметры отступов
Ваши ответы
p {margin-top: none;}