#10 Вёрстка сайта визитки для начинающих | HTML, CSS, JS - CSS для шапки сайта. Часть 2

Продолжим стилизацию шапки сайта! Сегодня поработаем с текстом в меню и центре экрана. Научимся простому центрированию текста внутри блоков и поработаем с отступами! Поддержать канал: https://www.tinkoff.ru/rm/shevchuk.vitaliy3/vfO8w2403 https://www.donationalerts.com/r/webpacman Подписывайтесь и ставьте лайк, приятного просмотра! Также обязательно подпишись на мой телеграм канал, там будет много общения и ответов на вопросы! https://t.me/webpacman ------------------------------------------------ Ссылки: CSS hover: https://developer.mozilla.org/ru/docs/Web/CSS/:hover CSS transition: https://developer.mozilla.org/en-US/docs/Web/CSS/transition Страница GitHub Pages: https://webpacman.github.io Код урока: https://github.com/webpacman/webpacman.github.io/commit/1bf57f05523e8f6bc29956b74de7e8e8e413189e Сайт-макет: http://vshevchuk.ru Тайминг: 00:00 - Введение 00:34 - Css комментарии. Зачем, когда и как? 00:50 - Стили для логотипа. Размер текста font-size и отступы margin 03:00 - Размещение блоков в шапке 04:20 - Ссылка для логотипа 06:18 - Базовые стили для ссылки. color и text-decoration 08:48 - Затемнение при наведении. Псевдокласс :hover и свойство opacity 10:08 - Плавная анимация. Свойство transition 12:00 - Переопределение цвета для ссылки. Вложенные css селекторы 13:50 - Стили для меню. Псевдоклассы :last-child и :last-of-type. 16:24 - Активная ссылка. Псевдокласс :not 18:16 - css переменные 20:40 - Стили для центрального текста. Практика по flex и свойство flex-direction 23:44 - Вычисления в css с помощью функции calc 25:11 - Затемнение для центрального блока 26:15 - Дополнительная обёртка для центральных блоков 28:44 - Ширина обёртки и центрирование текста text-align 29:59 - Размер центрального текста 30:48 - Внутренние отступы с помощью padding 34:24 - Высота букв (строки) line-height 36:03 - Анонс следующего видео Музыка: Dead Pacman by N3rgul Track: Home — Another Kid [Audio Library Release] Music provided by Audio Library Plus Watch: https://www.youtube.com/watch?v=ObAcg1k25YI&t=0s Free Download / Stream: https://alplus.io/home-another-kid Track: Midnight — Declan DP [Audio Library Release] Music provided by Audio Library Plus Watch: https://www.youtube.com/watch?v=eM4k2HNgnDo&t=0s Free Download / Stream: https://alplus.io/midnight-declan-dp ------------------------------------------------ Привет! Меня зовут Виталий Шевчук, я веб-разработчик. Свой путь в разработке сайтов я начал ещё в школе, создавая форумы для игр. К текущему времени я получил много опыта в разработке сайтов и очень хочу им поделиться с вами! ------------------------------------------------ Telegram: https://t.me/webpacman Сайт: http://vshevchuk.ru/ Теги: #html #html5 #css #css3 #css3tutorial