Skip to content

Commit 4a6afc7

Browse files
authored
Merge pull request #402 from fullstack-development/391-new-CSS-questions
Add new questions to CSS
2 parents ce58cc6 + 3608021 commit 4a6afc7

File tree

3 files changed

+13
-0
lines changed

3 files changed

+13
-0
lines changed

frontend/junior-1/css.md

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -94,6 +94,7 @@
9494
* Как рассчитывается line-height заданный в процентах?
9595
* Как пользоваться `vh`, `vw`, `vmin`, `vmax`?
9696
* Что делает свойство `object-fit`?
97+
* Что делает свойство `aspect-ratio`?
9798
* Как стилизовать чекбокс?
9899
* Как прижать футер к низу страницы (назвать хотя бы два способа)?
99100
* Как отцентровать элемент по горизонтали (назвать хотя бы три способа)?

frontend/junior-2/css.md

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -6,6 +6,13 @@
66
* Что такое autoprefixer и зачем он нужен?
77
* Что такое спрайты и зачем они нужны? Какие проблемы адаптивности с ними связаны?
88
* Что делают медиа свойства `hover`, `pointer`, `any-hover`, `any-pointer`?
9+
* Что делают селекторы `:has(), :where(), :is()`?
10+
* Что означают следующие единицы измерения `lvh, svh, dvh, lvw, svw, dvw`?
11+
* Как пользоваться `Media Queries: Range Syntax`?
12+
* Что делают следующие свойства:
13+
* `filter`
14+
* `backdrop-filter`
15+
* `mix-blend-mode`
916

1017
#### Ресурсы
1118

frontend/junior-3/css.md

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -18,6 +18,7 @@
1818
## Общие вопросы
1919

2020
* Как работает `calc()`? Какие параметры принимает? Какие операции допустимы? В каких единицах измерения можно задавать значения параметров?
21+
* Как работают функции `min(), max(), clamp()`?
2122
* Как реализовать треугольник на чистом CSS?
2223
* Как работает `@import`? Почему не стоит использовать `@import` для загрузки стилей в документ?
2324

@@ -27,8 +28,12 @@
2728
@import url('a.css');
2829
</style>
2930
```
31+
* Что такое `container-queries`? Как пользоваться? Чем отличаются от `media-queries`?
32+
* Рассказать про единицы измерения `cqw, cqh, cqi, cqb, cqmax, cqmin`.
3033

3134
#### Ресурсы
3235

3336
* [Треугольники через CSS](http://htmlbook.ru/blog/treugolniki-cherez-css)
3437
* [Не используйте @import](https://habr.com/ru/post/57012/)
38+
* [CSS container queries](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_container_queries)
39+
* [Basic concepts of logical properties and values](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_logical_properties_and_values/Basic_concepts_of_logical_properties_and_values)

0 commit comments

Comments
 (0)