🤔 Что делает box-sizing: border-box?
Изменяет модель расчёта размеров элемента:
1. Ширина и высота включают содержимое, padding и border.
2. Это упрощает управление размерами, так как итоговый размер элемента остаётся фиксированным.
Без border-box (по умолчанию content-box), padding и border увеличивают размеры элемента, что усложняет расчёты.
Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚
Изменяет модель расчёта размеров элемента:
1. Ширина и высота включают содержимое, padding и border.
2. Это упрощает управление размерами, так как итоговый размер элемента остаётся фиксированным.
Без border-box (по умолчанию content-box), padding и border увеличивают размеры элемента, что усложняет расчёты.
Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚
🤔 Какой атрибут тега <a> используется для указания, что ссылка должна быть открыта в новой вкладке браузера?
Anonymous Poll
71%
target="_blank"
23%
href="new.tab"
0%
rel="external"
6%
open="new"
🤔 Какие drag-события вам известны?
- dragstart — начало перетаскивания;
- drag — во время перетаскивания;
- dragenter — объект входит в зону;
- dragover — объект находится над зоной;
- dragleave — покидает зону;
- drop — объект сброшен;
- dragend — завершение операции.
Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚
- dragstart — начало перетаскивания;
- drag — во время перетаскивания;
- dragenter — объект входит в зону;
- dragover — объект находится над зоной;
- dragleave — покидает зону;
- drop — объект сброшен;
- dragend — завершение операции.
Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚
🔥1
🤔 Какой CSS-свойство используется для создания градиентного фона?
Anonymous Poll
52%
background-color
39%
background-image
4%
border-style
9%
filter
🤔 Как можно ускорить загрузку сайта?
1. Оптимизировать изображения (сжать и использовать современные форматы, например, WebP).
2. Использовать кэширование данных (например, через CDN).
3. Минифицировать CSS, JS и HTML.
4. Асинхронно загружать сторонние скрипты и шрифты.
5. Использовать lazy loading для изображений и компонентов.
Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚
1. Оптимизировать изображения (сжать и использовать современные форматы, например, WebP).
2. Использовать кэширование данных (например, через CDN).
3. Минифицировать CSS, JS и HTML.
4. Асинхронно загружать сторонние скрипты и шрифты.
5. Использовать lazy loading для изображений и компонентов.
Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚
🤔 Какое свойство CSS позволяет элементу читать и поддерживать его размеры, даже если окно браузера изменяется?
Anonymous Poll
21%
resize
21%
adaptation
42%
fit-content
16%
flex-grow
🤔 Какой атрибут HTML используется для определения стилей, написанных прямо в элементе?
Anonymous Poll
68%
style
5%
class
16%
styles
16%
stylesheet
🤔 Что такое margin collapse и для чего?
Margin collapse — это схлопывание внешних отступов между вертикально соседствующими элементами.
Если один элемент имеет margin-bottom, а следующий — margin-top, будет применён наибольший из них, а не сумма. Это упрощает вертикальные отступы.
Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚
Margin collapse — это схлопывание внешних отступов между вертикально соседствующими элементами.
Если один элемент имеет margin-bottom, а следующий — margin-top, будет применён наибольший из них, а не сумма. Это упрощает вертикальные отступы.
Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚
🤔 Какой метод JavaScript используется для определения наличия и доступности определенных функций в браузере пользователя, например, API для работы с геолокацией?
Anonymous Poll
29%
navigator.exists()
0%
feature.detect()
0%
Modernizr.check()
71%
navigator.permissions.query()