Найти тему

Топ 5 фишек современного css

Привет css программист! Это моя первая статья в дзене(и не в дзене тоже) И этой статье я хочу поделиться с тобой топ 5 фичами современного css, о которых я узнал недавно!

Мой путь в разработке начался в далеком 2019 году, именно тогда я начал верстать простые, в то время хайповые landing page. Сегодня уже 2023 год и за это время  css успел улететь в космос. Недавно я начал актуализировать свои знания в верстке и вот топ 5 фич которые я начал применять в своих проектах:

1. Псевдоселектор :has, позволяет стилизовать родительский элемент при наличии дочернего селектора.

-2

Или же наоборот при его отсутствии.

-3

2. Следующие свойство, позволит вам более "красиво" отображать текст на вашем сайте. text-wrap: balance; подбирает наилучшее сбалансированное решение переноса строк для текста.

-4

3. В своих проектах я предпочитаю использовать препроцессор sass, но знаете ли вы, что в благодаря css nesting мы можем это делать в нативном css.

Без использования css nesting
Без использования css nesting

С использованием nesting css
С использованием nesting css

4. Плавную прокрутку к якорной ссылке, тоже можно реализовать с помощью css! В этом нам поможет свойство scroll-behavior

-7

5. Псевдоселектор ::marker, позволяет стилизовать маркеры элементов списка как нам угодно.

-8

В современном css гораздо больше возможностей и всех их невозможно охватить в рамках одной короткой статьи. Если статьи такого формата актуальны, дайте мне знать) Спасибо за внимание и всем ДИВной верстки!)