dr.Brain

doctor Brain

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

CSS: color-mix и color-contrast

стили для родителя,содержащего определенный дочерний элемент

dr.Brain

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

Photo by Albert Stoynov on Unsplash

В CSS появились новые возможности управления значением <color>: color-mix() и color-contrast()

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

стили для родителя,содержащего определенный дочерний элемент

dr.Brain

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

Photo by Fabio Mangione on Unsplash

В CSS псевдоклаcc :has дает возможность создавать правила для родительского HTML-элемента, содержащего определенный дочерний элемент.

HTML: submit за пределами формы

размещаем кнопку submit за пределами формы

dr.Brain

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

Photo by Paul Pastourmatzis on Unsplash

Далеко не всегда кнопка отправки формы должна находиться в пределах родительского блока form. Спецификация HTML позволяет размещать ее в любом месте на странице сайта.

CSS: @container

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

dr.Brain

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

Photo by Jacob Meissner on Unsplash

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

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

Далее

Категории

О нас

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