Создадим HTML разметку: <div class="nav"> <a href="#">Главная</a> <a href="#">О нас</a> <a href="#">Продукты</a> <a href="#">Контакты</a> </div> Пропишем к данной разметке CSS стили: <style> body{ font-family:arial; } .nav { display: flex; justify-content: flex-end; /* разместим справа */ background: #008aff; } .nav a { color:#fff; padding:15px 10px; text-decoration:none; text-align:center; } ...

Когда мы разрабатываем веб-страницу — будь то лендинг, блог или портфолио — первое, что приходит в голову при добавлении интерактивности, это JavaScript. Например, вы хотите, чтобы по нажатию кнопки “Подробнее” раскрывался скрытый текст. И сразу же рука тянется к JavaScript — ведь именно он, казалось бы, отвечает за поведение элементов. Но… что, если я скажу, что весь этот функционал можно реализовать исключительно с помощью CSS? Да, звучит необычно, но CSS — это не просто про цвета и отступы. Он умеет гораздо больше, чем многие думают...