WorksheetsHTML CSS Simple Test 2
Total questions: 18
Worksheet time: 18mins
Зачем нужен overflow: hidden?
Для расположения элементов по центру
Для отключения видимости элементов
Для обрезания элементов внутри контейнера
Для перемещение элементов за грань контейнера
Как сделать так, чтобы элемент мог свободно располагаться внутри другого, независимо от стандартного потока элементов и других элементов.
В родители прописать display: flex, a в дочернем объекте position: absolute
В родители прописать position: relative, a в дочернем объекте position: absolute
В родители прописать display: flex, a в дочернем объекте justify-content: center
В родители прописать display: flex, a в дочернем объекте align-items: center
Что такое Box Model?
Это идея, что каждый элемент это "коробка" из содержимого, padding, margin и border
Это строгое правило, которое говорит что каждый элемент это всегда прямоугольная коробка
Это идея, что каждый элемент это "коробка" из содержимого и границы
Это идея, что каждый элемент это "коробка"
Как расположить несколько элементов в контейнере горизонтально?
display: flex
display: block
display: gallery
display: inline
Как поменять направление главной оси flex режима?
flex-direction: направление
flex: направление
flex-heading: направление
нельзя 💥😢
Как подсоединить CSS файл к HTML документу?
через style="файл"
через тег <link>
это невозможно !1!1 💀
через тег <css>
Какой тег говорит о том, что в нем находится меню?
<menu>
<nav>
<a>
<header>
Зачем вообще нужны теги header, footer, main, section, div и некоторые другие, если они фактически не дают никакого функционала как например тег <a> или <img> ?
Просто так 👻
Они нужны только тогда когда используется javascript
Они для структуры и для смысла страницы
✨Дают разнообразия✨
Как сделать так, чтобы при наведении, элемент поменял фоновый цвет?
использовать псевдо-класс :hover, например a:hover {} для тега ссылки
использовать javascript событие onhover, например onhover = background: red;
использовать псевдо-класс :active, например a:active{} для тега ссылки
использовать свойство hover, например hover: "background: red"
какое имя лучше ему подходит?
cat
catto
car
el gato
Что использовать если мы хотим менять масштаб кнопки при зажатии?
Использовать :hover
Использовать :active
Использовать onclicked
👽
Как добавить адаптацию под разные размер экранов?
Используя @media() и внутри либо min-width или max-width точки перехода
Используя @keyframes() и внутри прописать размеры и стили для каждого
Используя @media() и внутри прописать javascript условные конструкции if
Используя @media() и внутри прописать screen-size
Что это за штука: *{}
Селектор для выделения тегов "*"
Селектор для выделения всех элементов на странице и настройки им базовых стилей
Функция без имени в Javascript
Коренной селектор, для переменных.
:root{} для чего?
Для обращения к классу "root"
Для хранения глобальных переменных, доступные всем классам
Для обращения к корневым тегам "body" и "html"
Такого не существует!!
Что это такое: "--primary-color: red"
Это CSS переменная которая хранит в себе красный цвет
Это CSS функция которая возвращает просто красный цвет
Это JS переменная которая хранит в себе красный цвет
Это HTML переменная которая хранит в себе красный цвет
Если есть переменная "--secondary-color: green", как ей воспользоваться в свойстве "background: ???"
Используя функцию var(--secondary-color)
Используя переменную напрямую --secondary-color
Никак!
Используя функцию url(--secondary-color)
Как сделать элемент и все внутри его прозрачным на 50% ?
transparency: 50%
opacity: 0.5
visibility: 50%
hidden: 1/2
Какая разница между rgb() и rgba() ?
rgba() имеет дополнительный альфа канал для прозрачности цвета
rgba() имеет дополнительный канал для фильтра
rgba() имеет дополнительный канал для яркости
rgba() не существует
