Выполняем создание HTML страницы на базе макета из PSD файла для Adobe Photoshop. В уроке рассматриваем базовые операции в пакете Adobe Photoshop (найти слой, вырезать картинку, определить размер, определить точный цвет). Верстка HTML макета выполняется на основе DIV контейнеров со стилем FLOAT (верстка на плавающих DIV элементах).

CSS
Часть 1 - https://youtu.be/2bYzY2VsDxc - Основы CSS. Селекторы и псевдоклассы.
Часть 2 - https://youtu.be/IGK1L9GfMFs - Стили Шрифта, Текста, Цвет, Фон и Списки.
Часть 2.1 - https://youtu.be/W1sdXf6EXpU - Отступы и Бордюры.
Часть 3 - https://youtu.be/qfrdnWxKMV0 - Блочная модель CSS. Позиционирование.
Часть 4.1 - https://youtu.be/a6ongLiF1oI - FLEX стили в CSS.
Часть 4.2 - https://youtu.be/vTfzL-CYnXU - Grid в CSS

Весь курс Web-программирование: https://youtu.be/0rKu6vKL01s