#10 Вёрстка сайта визитки для начинающих | HTML, CSS, JS - CSS для шапки сайта. Часть 2
Продолжим стилизацию шапки сайта! Сегодня поработаем с текстом в меню и центре экрана. Научимся простому центрированию текста внутри блоков и поработаем с отступами!
Поддержать канал:
https://www.tinkoff.ru/rm/shevchuk.vi...
https://www.donationalerts.com/r/webp...
Подписывайтесь и ставьте лайк, приятного просмотра!
Также обязательно подпишись на мой телеграм канал, там будет много общения и ответов на вопросы!
https://t.me/webpacman
------------------------------------------------
Ссылки:
CSS hover: https://developer.mozilla.org/ru/docs...
CSS transition: https://developer.mozilla.org/en-US/d...
Страница GitHub Pages: https://webpacman.github.io
Код урока: https://github.com/webpacman/webpacma...
Сайт-макет: 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: • Home — Another Kid | Free Background Music...
Free Download / Stream: https://alplus.io/home-another-kid
Track: Midnight — Declan DP [Audio Library Release]
Music provided by Audio Library Plus
Watch: • Midnight — Declan DP | Free Background Mus...
Free Download / Stream: https://alplus.io/midnight-declan-dp
------------------------------------------------
Привет! Меня зовут Виталий Шевчук, я веб-разработчик. Свой путь в разработке сайтов я начал ещё в школе, создавая форумы для игр. К текущему времени я получил много опыта в разработке сайтов и очень хочу им поделиться с вами!
------------------------------------------------
Telegram: https://t.me/webpacman
Сайт: http://vshevchuk.ru/
Теги: #html #html5 #css #css3 #css3tutorial