#9 Вёрстка сайта визитки для начинающих | HTML, CSS, JS - CSS для шапки сайта. Часть 1
Вот мы плавно и дошли до стилизации нашего сайта! В этом уроке начнём добавлять стили, картинки, узнаем очень много css свойств и научимся ими пользоваться! Также в уроке вас ждем много лайфхаков и просто полезной и интересной информации.
Поддержать канал:
https://www.tinkoff.ru/rm/shevchuk.vi...
https://www.donationalerts.com/r/webp...
Подписывайтесь и ставьте лайк, приятного просмотра!
Также обязательно подпишись на мой телеграм канал, там будет много общения и ответов на вопросы!
https://t.me/webpacman
------------------------------------------------
Ссылки:
Что такое пиксели: https://webkyrs.info/post/chto-takoe-...
Что такое vh: https://html5book.ru/edinicy-izmereni...
Сброс css стилей (reset css): / современный-сброс-css
Что такое CDN: https://habr.com/ru/companies/selecte...
Clip-path online generator: https://bennettfeely.com/clippy/
Что такое HEX (16-ти система счисления): https://techrocks.ru/2021/01/28/how-h...
Что такое rgb: https://media.contented.ru/glossary/rgb/
Бонус ссылка:
Игра для изучения свойства flex: https://flexboxfroggy.com/#ru
Тайминг:
00:00 - Введение
00:28 - Меняем title
01:28 - Начало стилизации css
02:10 - Создание файла для стилей
02:41 - Свойство height (высота), пиксели (px) и высота экрана (vh)
04:10 - Подключение css к html (тег link)
05:00 - Сброс стилей по умолчанию (reset css)
06:23 - Декомпозиция стилей (разделение по файлам)
09:15 - Вёрстка стилей в браузере
10:00 - Знакомство с padding, margin и border
12:28 - Картинка фона (свойство background)
14:16 - Указание пути к файлу. Текущая папка (.) и родительская (..)
15:15 - Как лучше подключать картинку в background?
16:11 - background-repeat, background-position и background-size
17:46 - Дополнение для свойства background
19:00 - Обрезание фона (свойство clip-path)
21:56 - Стили для навигации. Свойство color. HEX и системы счисления
24:45 - Свойство display: flex
25:36 - Свойства align-items и justify-content
27:30 - Высота и фон для блока навигации. Прозрачность с помощью RGB
30:01 - Заключение по части 1
Музыка:
Dead Pacman by N3rgul
Track: Max Brhon - The Future [NCS Release]
Music provided by NoCopyrightSounds.
Watch: • Max Brhon - The Future | House | NCS - Cop...
Free Download / Stream: http://ncs.io/TheFuture
------------------------------------------------
Привет! Меня зовут Виталий Шевчук, я веб-разработчик. Свой путь в разработке сайтов я начал ещё в школе, создавая форумы для игр. К текущему времени я получил много опыта в разработке сайтов и очень хочу им поделиться с вами!
------------------------------------------------
Telegram: https://t.me/webpacman
Сайт: http://vshevchuk.ru/
Теги: #html #html5 #верстка #css #css3 #css3tutorial