Skip to content

Latest commit

 

History

History
61 lines (53 loc) · 4.99 KB

File metadata and controls

61 lines (53 loc) · 4.99 KB

CSS

Общие вопросы

  • Что такое web-safe шрифты?
  • Что такое вариативные шрифты?
  • Что такое CSS переменные? Как ими пользоваться?
  • Какие есть способы обрезать текст в CSS?
    • Что делать, если длинное слово не помещается в контейнер?
    • Как обрезать однострочный текст?
    • Как обрезать многострочный текст?
  • Что делает правило @supports?
  • Что делают свойства scroll-behavior, overscroll-behavior?
  • Что делает свойство touch-action?
  • Что такое autoprefixer и зачем он нужен?
  • Что такое спрайты и зачем они нужны? Какие проблемы адаптивности с ними связаны?
  • Что делают медиа свойства hover, pointer, any-hover, any-pointer?
  • Что делают медиа свойства prefers-reduced-motion, prefers-color-scheme?
  • Что делают селекторы :has(), :where(), :is()?
  • Что означают следующие единицы измерения lvh, svh, dvh, lvw, svw, dvw?
  • Как пользоваться Media Queries: Range Syntax?
  • Что делают следующие свойства:
    • filter
    • backdrop-filter
    • mix-blend-mode

Ресурсы

Гриды

  • Что такое гриды? Когда они могут быть полезны?
  • Что такое грид-контейнер и грид-элемент?
  • Как задать количество и размеры строк (колонок)?
    • Какие можно использовать единицы для того, чтобы задать размеры строк (колонок)?
    • Как задать несколько строк (колонок) одинакового размера?
    • Как задать минимальный и максимальный размер строки (колонки)?
  • Как задать отступы между строками и колонками?
  • Размещение элементов внутри сетки
    • Что такое grid line (далее: линия)?
    • Что такое grid area (далее: область)?
    • Как можно неявно задать имена для областей при именовании линий (и наоборот, имена линий при именовании областей)?
    • Как размещать грид-элементы внутри сетки с помощью имен линий?
    • Как размещать грид-элементы внутри сетки с помощью имен областей? Как при этом оставлять пустые клетки, не занимаемые ни какими элементами?
  • Как сделать grid адаптивным (свойства auto-fill и auto-fit)?
  • Что такое explicit и implicit grid?
    • Как задавать размеры для "неявно созданных" строк и колонок?
    • Что делает свойство grid-auto-flow?
  • Можно ли задать грид-элементу display: grid? Как это будет работать?
  • Какие есть свойства гридов для выравнивания?
  • Как работает наложение элементов в гридах?

Ресурсы