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

Раскладка

Как вы располагаете элементы на странице?
Комментарии126
Compare Data
Впервые слышу
Знаю
Использовал

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

Комментарии24
Compare Data
Впервые слышу
Знаю
Использовал
💡
На вкладке Комментарии вы можете посмотреть комментарии, оставленные респондентами во время заполнения опроса.

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

Комментарии33
Compare Data
Впервые слышу
Знаю
Использовал

aspect-ratio

Комментарии28
Compare Data
Впервые слышу
Знаю
Использовал

content-visibility

Комментарии17
Compare Data
Впервые слышу
Знаю
Использовал

Свойство gap для флексбокса

Комментарии45
Compare Data
Впервые слышу
Знаю
Использовал

@container Queries

Комментарии50
Compare Data
Including size and style queries
Впервые слышу
Знаю
Использовал
Мы попросили участников CSS-сообщества поделиться своим ”открытием года”

Моё открытие в 2021 году: CSS-сабгриды

CSS-сабгриды позволяют дочерним элементам наследовать свойства грида от своих родителей. Вскоре станет намного проще размещать элементы по одинаковым грид-линиям на всей странице.

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

David East

Любитель веб-технологий

object-view-box

Комментарии14
Compare Data
Впервые слышу
Знаю
Использовал

Единицы измерения вьюпорта в процентом отношении

Комментарии21
Compare Data
Впервые слышу
Знаю
Использовал

Медиавыражения в форме диапазона

Комментарии25
Compare Data
Впервые слышу
Знаю
Использовал

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

CSS Grid & Flexbox for Responsive Layouts, v2
Jen Kramer

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.
Спасибо нашим партнёрам за поддержку! Подробнее.