Перейти к основному содержимому

Раскладка

Как вы располагаете элементы на странице?

Грид CSS

Изменить данные
Впервые слышу
Знаю
Использовал
2019
2020
2021

Сабгрид

Изменить данные
Впервые слышу
Знаю
Использовал
2020
2021

Флексбокс

Изменить данные
Впервые слышу
Знаю
Использовал
2019
2020
2021

Мультиколонки CSS

Изменить данные
Впервые слышу
Знаю
Использовал
2019
2020
2021

Режимы письма CSS

Изменить данные
Впервые слышу
Знаю
Использовал
2019
2020
2021
Мы попросили участников CSS-сообщества поделиться своим ”открытием года”

Моё открытие в 2021 году: CSS Paint API

Paint API позволяет программно создавать изображения, которые можно было бы использовать в CSS-коде. Это открывает большой простор для творчества, что мне очень по душе!

Мы попросили участников CSS-сообщества поделиться своим ”открытием года”

George Francis

Разработчик, писатель и плодотворный художник.

position: sticky

Изменить данные
Впервые слышу
Знаю
Использовал
2020
2021

Логические свойства

Изменить данные
Впервые слышу
Знаю
Использовал
2020
2021

aspect-ratio

Изменить данные
Впервые слышу
Знаю
Использовал
2020
2021
💡

Кликнув по вкладке "Данные" можно увидеть исходные данные графика, посмотреть их в JSON, или скопировать GraphQL-запрос, который потом можно выполнить в публичном API.

content-visibility

Изменить данные
Впервые слышу
Знаю
Использовал
2020
2021

Gap-свойство для флексбокса

Изменить данные
Впервые слышу
Знаю
Использовал
2021

Правила разрыва страниц при печати

Изменить данные
Впервые слышу
Знаю
Использовал
2021

Выражения от контейнера

Изменить данные
Впервые слышу
Знаю
Использовал
2021

Рекомендуемые ресурсы

CSS Grid & Flexbox for Responsive Layouts, v2

CSS Grid & Flexbox for Responsive Layouts, v2

Learn the essential CSS layout techniques for building responsive, beautiful web applications. You'll get hands-on practice using CSS Grid for two-dimensional, grid-based layouts and Flexbox for styling one-directional flow.
Спасибо нашим партнёрам за поддержку! Подробнее.