dr.Brain

doctor Brain

мир глазами веб-разработчика

css

CSS: @container

управляем CSS свойствами элемента с помощью at-rule правила @container

dr.Brain

время чтения 1 мин.

Photo by Jacob Meissner on Unsplash

Правило @container позволяtт динамически управлять стилями дочернего HTML-элемента в зависимости от размера родительского контейнера, содержащего этот элемент. Запросы для контейнеров работают также как и медиа-запросы.

CSS: псевдокласс :scope

сопоставляем элементы с помощью псевдокласса :scope в CSS

dr.Brain

время чтения 1 мин.

Photo by Jennifer Lim-Tamkican on Unsplash

Селектор :scope появился в 2023 году и служит для определения области действия стилей в CSS.

CSS: вложенность

добавляем вложенные стили без препроцессоров

dr.Brain

время чтения 1 мин.

Photo by Johannes Giez on Unsplash

В CSS вложенность позвояяет размещать одни правила в других. Это особенно полезно для управления стилями, зависящими от контекста.

CSS: counter

учимся использовать счетчики в CSS

dr.Brain

время чтения 2 мин.

Photo by Anne Nygård on Unsplash

Что такое CSS-счетчики? Их можно рассматривать, как переменные CSS, значения которых увеличиваются по определенным правилам.

CSS: атрибуты данных

учимся применять атрибуты данных в CSS

dr.Brain

время чтения 1 мин.

Photo by Alessandro Ranica on Unsplash

Атрибуты данных полезны не только в JavaScript. С их помощью можно менять и стили HTML-элементов.

Новые публикации

Далее

Категории

О нас

Frontend & Backend. Статьи, обзоры, заметки, код, уроки.