diff --git a/frontend/junior-1/css.md b/frontend/junior-1/css.md index a6160f18..9c5adbe9 100644 --- a/frontend/junior-1/css.md +++ b/frontend/junior-1/css.md @@ -66,6 +66,7 @@ * Градиенты * Что делает функция `linear-gradient`? Как ей пользоваться? * Что делает функция `radial-gradient`? Как ей пользоваться? + * Что делает функция `conic-gradient`? Как ей пользоваться? * Анимации * Что такое `@keyframes`? Зачем нужно? Как им пользоваться? * Что делают и какие значения могут принимать свойства: @@ -88,6 +89,7 @@ * Что делает свойство `transform`? Какие значения ему можно задавать? * Можно ли задать несколько трансформаций для элемента? * Изменяется ли положение координатной плоскости при трансформациях? + * Какие ещё есть свойства трансформации в CSS? * Единицы измерения * Как рассчитываются width и height заданные в процентах? * Как рассчитываются padding и margin заданные в процентах? diff --git a/frontend/junior-2/css.md b/frontend/junior-2/css.md index 1eb860e0..ae7a22eb 100644 --- a/frontend/junior-2/css.md +++ b/frontend/junior-2/css.md @@ -3,9 +3,19 @@ ## Общие вопросы * Что такое 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`? @@ -16,6 +26,7 @@ #### Ресурсы +* [CSS: о выводе коротких и длинных текстов](https://habr.com/ru/companies/ruvds/articles/535016/) * [Выявление устройств с сенсорными экранами на чистом CSS](https://habr.com/ru/company/ruvds/blog/556156/) ## Гриды