Привет css программист! Это моя первая статья в дзене(и не в дзене тоже) И этой статье я хочу поделиться с тобой топ 5 фичами современного css, о которых я узнал недавно!
Мой путь в разработке начался в далеком 2019 году, именно тогда я начал верстать простые, в то время хайповые landing page. Сегодня уже 2023 год и за это время css успел улететь в космос. Недавно я начал актуализировать свои знания в верстке и вот топ 5 фич которые я начал применять в своих проектах:
1. Псевдоселектор :has, позволяет стилизовать родительский элемент при наличии дочернего селектора.
Или же наоборот при его отсутствии.
2. Следующие свойство, позволит вам более "красиво" отображать текст на вашем сайте. text-wrap: balance; подбирает наилучшее сбалансированное решение переноса строк для текста.
3. В своих проектах я предпочитаю использовать препроцессор sass, но знаете ли вы, что в благодаря css nesting мы можем это делать в нативном css.
4. Плавную прокрутку к якорной ссылке, тоже можно реализовать с помощью css! В этом нам поможет свойство scroll-behavior
5. Псевдоселектор ::marker, позволяет стилизовать маркеры элементов списка как нам угодно.
В современном css гораздо больше возможностей и всех их невозможно охватить в рамках одной короткой статьи. Если статьи такого формата актуальны, дайте мне знать) Спасибо за внимание и всем ДИВной верстки!)