CSS курс за полтора часа. Как научиться делать сайты? Таблица стилей для сайтов

preview_player
Показать описание
Стань спонсором(бусти аккаунт), доступ к собеседованиям:

Мои платные курсы:

План развития с нуля до middle+:

Группа вк:

- Ссылка для донатов, спонсорства, пожертвований

- Ссылки на справочники

00:00:00 Начало
00:01:28 Что изучать на канале дальше?
00:02:43 Платные курсы
00:04:38 Общий принцип работы css
00:06:08 Создаем проект
00:09:26 Подключение файла css
00:10:37 Обнуление дефолтных свойств у тегов
00:11:45 Выборка тегов
00:12:42 Высота и ширина
00:13:22 Background свойства
00:24:25 Border outline margin и padding
00:29:45 Box sizing
00:31:24 Тень и прозрачность box-shadow и opacity
00:33:05 Трансформация transform
00:38:14 Градиент
00:40:03 Расположение блоков с помощью float
00:48:26 Расположение блоков с помощью inline-block
00:52:29 Расположение блоков с помощью flex
00:57:19 Расположение блоков с помощью grid
00:59:47 Работа с текстом
01:05:00 Эффекты наведения, выбора, нажатия
01:08:58 Ссылка, как кнопка
01:12:41 Позиционирование static fixed relative absolute
01:22:22 Адаптивная верстка
01:33:17 Короткие приемы верстки(круг, transition и т.д.)
01:39:36 Как из ссылок сделать меню с css
01:44:25 Справочники
Рекомендации по теме
Комментарии
Автор

Полностью поддерживаю! Ваши видео полезны! 😊
Запишите, пожалуйста, курс по JS.😅

KiberDoktoR
Автор

Очень хорошие уроки!!! Спасибо большое 😊

КсенияЛаптева-лб
Автор

Спасибо большое!
Видео по вёрстке и Front-End крайне необходимо.
Но! Все просто верстают и очень плохо объясняют.
А хотелось бы научиться понимать, почему сделано что-то именно так?
Например, почему min-width, от какого элемента принято отступать, как именно нужно правильно организовывать html-структуру, как нужно называть классы...
Сколько нужно обёрток div и почему?
"Вот у нас нестандартный Header: мы начинаем с этого... И запомните, всегда делайте так, если у вас так".
Проблема в том, что понять принцип HTML и CSS не очень сложно.
А вот свободно без проблем верстать любой макет с адаптивностью и самыми супер-современными практиками - очень непросто, мягко говоря.

aurusaurum
Автор

Спасибо за видео. Коммент в поддержку!

sovrinfo
Автор

всегда ору когда кто-то сам шутит и сам же смеется. Постоянно сам так делаю, теперь и с других смешно стало))) лайк

antonogurtsov
Автор

Автор, нужен честный длинный отзыв о ролике от того, кто в первый раз смотрит? HTML я посмотрел, к нему вопросов вообще никаких, все чётко и понятно.

seedish
Автор

Такими темпами следующем будет JS!!! теперь это не только бэк а фулл стэк

rustamtuyakov
Автор

Для меня не актуально, но новичкам сгодится. Лак для продвижения.

augcat
Автор

Как устроюсь php прогером то сразу подержу канал обещаю

rustamtuyakov
Автор

Ну такое себе. Много важных вещей пропущено, где например про единицы измерения? Про флексы и гриды вообще минимум информации, а это на минуточку одна из самых важных частей в верстке. Ну и круг делать не процентами, а пикселями вообще тумач. Вообще не понятно для кого видео.

redax
Автор

Не помешало бы пару слов сказать о каскадности, специфичности и наследовании свойств. И не лишним было бы еще типы селекторов обзорно показать. Тогда бы точно БАЗА была.

olezhonnv
Автор

Не приятно от образованного человека слышать слова-паразиты типа "шашлык-машлык". Вакансия-шмакансия и др.
И это во всех роликах.
Отучайтесь.

nickkudenko