CSS
Каскад і специфічність, Flexbox і Grid, адаптивність, анімації та сучасні можливості стилізації.
0/172
- 1Що таке CSS і для чого він використовується?Junior
- 2Що таке властивість і значення в CSS?Junior
- 3Якими способами можна підключити CSS до HTML?Junior
- 4Що робить атрибут style всередині HTML-тегу?Junior
- 5Чому inline-стилі вважаються поганою практикою?Junior
- 6Що означає «каскад» у поведінці CSS-правил?Junior
- 7У якому порядку застосовуються CSS-правила?Junior
- 8Що таке «успадкування» в CSS? Які властивості типово успадковуються?Junior
- 9Які бувають абсолютні одиниці вимірювання в CSS?Junior
- 10Які бувають відносні одиниці вимірювання в CSS?Junior
- 11Що таке CSS-змінні? Як оголосити змінну в CSS?Junior
- 13Що таке «reset CSS»?Junior
- 14Що робить normalize.css?Junior
- 15Що таке CSS-препроцесор?Junior
- 1Що таке селектор у CSS? Для чого використовуються селектори?Junior
- 2Що означає термін «специфічність» у CSS?Junior
- 3Як розраховується специфічність? Як виглядає формула специфічності?Junior
- 5Який пріоритет у селектора ID?Junior
- 6Як впливає порядок оголошення на підсумковий стиль?Junior
- 7Як задати стилі всім елементам на сторінці?Junior
- 8Як задати стилі за класом?Junior
- 9Як задати стилі за атрибутами?Junior
- 10Що робить кома , у селекторах?Junior
- 11Чим h1, h2, h3 відрізняється від h1 h2 h3 в описі стилів?Junior
- 12Що таке псевдоклас? Які псевдокласи ви знаєте?Junior
- 13Що робить :first-child?Junior
- 14Що таке псевдоелемент? Чим псевдоелемент відрізняється від псевдокласу?Junior
- 16Що робить ::before?Junior
- 17Як !important впливає на специфічність?Junior
- 1Які способи задання кольору підтримує CSS?Junior
- 2Як задати колір тексту елемента?Junior
- 3Чим відрізняється rgb() від rgba()? Що робить альфа-канал?Junior
- 4Що робить значення transparent?Junior
- 6Як вказати шрифт для тексту?Junior
- 7Що таке fallback-шрифт?Junior
- 8Що робить правило @font-face?Junior
- 9Які одиниці вимірювання можна використовувати для розміру шрифту?Junior
- 10Що робить властивість line-height?Junior
- 1Що таке Box Model у CSS? З яких частин складається Box Model?Junior
- 2Що таке content-box?Junior
- 3Що таке padding-box?Junior
- 4Що таке «content area»?Junior
- 5Як overflow: auto впливає на розміри блока?Junior
- 6Що таке padding?Junior
- 8Що робить margin?Junior
- 9Чим margin відрізняється від paddingJunior
- 10Чи можна задавати margin від'ємним?Junior
- 11Як CSS розраховує підсумковий розмір елемента?Junior
- 12Чим inline-елементи відрізняються від block-елементів?Junior
- 13Що робить властивість display?Junior
- 14Що таке «collapsing margins»?Junior
- 15Властивість CSS box-sizingMiddle
- 17Властивість CSS overflowJunior
- 18CSS співвідношення сторінMiddle
- 19CSS Object-fit та Object-positionJunior
- 1Що таке позиціонування елементів у CSS?Junior
- 2Як CSS керує положенням елементів на сторінці?Junior
- 3Які типи позиціонування існують у CSS?Junior
- 4Що робить position: relative?Junior
- 6Що робить position: absolute?Junior
- 7Чому елемент з absolute «випадає» з потоку?Junior
- 8Що робить position: fixed? До чого прив'язується елемент з fixed?Junior
- 9Що робить position: sticky?Junior
- 10Як працює механізм «прилипання» під час скролу?Junior
- 11Що робить властивість z-index?Junior
- 12Як display впливає на поведінку позиціонованих елементів?Junior
- 1Що таке Flexbox?Junior
- 2У чому перевага Flexbox перед float-версткою?Junior
- 3Як активувати Flexbox для контейнера?Junior
- 5Як задати напрямок головної осі?Junior
- 6Що робить властивість flex-wrap?Junior
- 7Як flex-wrap впливає на вирівнювання елементів?Junior
- 8Що робить flex-flow?Junior
- 9Що робить властивість justify-content?Junior
- 10Що робить align-items?Junior
- 11Як вирівняти елемент індивідуально?Junior
- 12Що робить flex-grow?Junior
- 14Що робить flex-basis?Junior
- 15Що робить властивість order?Junior
- 16CSS flexbox макетJunior
- 1Що таке CSS Grid Layout?Junior
- 2Чим CSS Grid відрізняється від Flexbox?Junior
- 3Що таке «grid area»?Junior
- 4Що робить властивість grid-template-columns?Junior
- 5Що робить властивість grid-template-rows?Junior
- 6Що означає одиниця fr?Junior
- 7Що робить repeat() у Grid?Junior
- 9Що робить властивість grid-template?Junior
- 10Що робить grid-template-areas?Junior
- 11Що робить властивість gap?Junior
- 12CSS grid layoutMiddle
- 13Порівняння flexbox та CSS gridMiddle
- 1Що таке адаптивний (responsive) дизайн?Junior
- 3Що означає «elastic layout»?Junior
- 4Що таке «fluid design»?Junior
- 5Що таке viewport у контексті веба?Junior
- 6Чим відрізняються абсолютні та відносні одиниці?Junior
- 7Що таке media query? Для чого вони використовуються?Junior
- 8Що таке breakpoint в адаптивному дизайні?Junior
- 9Як Flexbox і Grid layout допомагають створювати адаптивні макети?Junior
- 10Що таке container queries? Чим вони відрізняються від media queries?Junior
- 1Що таке Container Queries?Junior
- 2Що робить селектор :has()?Junior
- 3Що робить :is()?Junior
- 4Що робить :where()?Junior
- 5Що робить одиниця виміру lh?Junior
- 6Що робить clamp()?Junior
- 8Що таке Scroll-driven Animations?Junior
- 9Що робить subgrid? Чим subgrid відрізняється від вкладених grid-контейнерів?Junior
- 10Що робить директива @layer?Junior
- 11Як оголосити і використати змінну в CSS?Junior
- 1Що таке псевдоклас у CSS?Junior
- 2Які псевдокласи ви знаєте?Junior
- 3Що таке псевдоелемент?Junior
- 4Які псевдоелементи ви знаєте?Junior
- 5Що робить :hover?Junior
- 7Що робить :root?Junior
- 8Що робить ::before?Junior
- 9Де розташовуються ::before і ::after у потоці?Junior
- 10Як псевдокласи впливають на специфічність?Junior
- 1CSS одиниці: px, rem, emJunior
- 2Що таке vh, vw, vmin та vmax у CSSJunior
- 3CSS змінні (користувацькі властивості)Middle
- 4CSS функції: calc(), clamp(), min(), max()Middle
- 5Різниця між CSS reset та normalizeMiddle
- 6CSS селекториMiddle
- 7Специфічність селекторів CSSMiddle
- 9Що таке каскад у CSSMiddle
- 10Як змінити колір у файлі svg?Middle
- 11Властивість рендеринг CSSMiddle
- 12Блокові, інлайнові та інлайново-блокові елементи в HTML та CSSJunior
- 13Різниця між visibility: hidden та display: noneJunior
- 14Властивість позиціонування CSSMiddle
- 15CSS z-index та контекст накладенняMiddle
- 17Що таке адаптивний веб-дизайнJunior
- 18Чому медіа-запити потрібні в CSSJunior
- 19CSS властивості для створення анімацій та плавних перехідних ефектівMiddle
- 20Чому transform кращий для анімацій, ніж top, leftMiddle
- 21Властивість CSS will-changeSenior
- 22Логічні властивості CSSSenior
- 23CSS препроцесори: SASS, SCSS та LESSMiddle
- 24Що таке методологія BEM (блок елемент модифікатор)Middle
- 25Методи ізоляції стилів у CSSMiddle
- 26Проблеми та рішення CSS-in-jsMiddle