Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Add new questions to CSS #402

Merged
merged 3 commits into from
Nov 13, 2023
Merged

Add new questions to CSS #402

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
e631a3c
Add new questions to CSS
FanManutd Oct 18, 2023
9bf0776
fix naming in jun-2/css
FanManutd Nov 7, 2023
3608021
Add mix-blend-mode question to CSS jun2
FanManutd Nov 10, 2023
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
1 change: 1 addition & 0 deletions frontend/junior-1/css.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -94,6 +94,7 @@
* Как рассчитывается line-height заданный в процентах?
* Как пользоваться `vh`, `vw`, `vmin`, `vmax`?
* Что делает свойство `object-fit`?
* Что делает свойство `aspect-ratio`?
* Как стилизовать чекбокс?
* Как прижать футер к низу страницы (назвать хотя бы два способа)?
* Как отцентровать элемент по горизонтали (назвать хотя бы три способа)?
Expand Down
7 changes: 7 additions & 0 deletions frontend/junior-2/css.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -6,6 +6,13 @@
* Что такое autoprefixer и зачем он нужен?
* Что такое спрайты и зачем они нужны? Какие проблемы адаптивности с ними связаны?
* Что делают медиа свойства `hover`, `pointer`, `any-hover`, `any-pointer`?
* Что делают селекторы `:has(), :where(), :is()`?
* Что означают следующие единицы измерения `lvh, svh, dvh, lvw, svw, dvw`?
* Как пользоваться `Media Queries: Range Syntax`?
* Что делают следующие свойства:
* `filter`
* `backdrop-filter`
* `mix-blend-mode`

#### Ресурсы

Expand Down
5 changes: 5 additions & 0 deletions frontend/junior-3/css.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -18,6 +18,7 @@
## Общие вопросы

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

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

#### Ресурсы

* [Треугольники через CSS](http://htmlbook.ru/blog/treugolniki-cherez-css)
* [Не используйте @import](https://habr.com/ru/post/57012/)
* [CSS container queries](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_container_queries)
* [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)