CSS позиционирование (CSS position). Уроки HTML CSS JS. Урок №12

preview_player
Показать описание
CSS позиционирование (CSS position). Позиционирование CSS очень часто используется при верстке современных макетов и открывает для нас новые интересные возможности расположения элементов на странице.
Расскажу про CSS position простыми словами и покажу на примерах. Рассмотрим такие CSS свойства позиционирования как position, top, left, right, bottom и z-index. Познакомимся с position static, position relative, position absolute, position fixed и position sticky

Весь плейлист с БЕСПЛАТНЫМ курсом и уроками по HTML CSS JS верстке:

Шпаргалка/методичка по CSS позиционированию:

0:00 - Вступление
0:32 - Подготовка к уроку
3:56 - Position
3:56 - static
4:36 - relative
6:53 - свойство z-index со значением relative
8:53 - absolute
14:01 - свойство z-index со значением absolute
14:54 - fixed
16:43 - свойство z-index со значением fixed
17:08 - sticky
20:34 - Подводные камни использования absolute
23:56 - Примеры
28:43 - Методичка
28:53 - Напутствие
Спасибо Emil Chapchakchi

-----------------------------------------------------------------------------------------------
Меня зовут Женя Андриканич, я IT - специалист, занимаюсь разработкой сайтов.
На этом канале, я регулярно и в максимально доступном формате буду делиться с тобой своим опытом, наработками, секретами и лайфхаками!
-----------------------------------------------------------------------------------------------
«Фрилансер по жизни». Живи, а работай в свободное время! ©
#фрилансерпожизни #обучение #cssposition
Рекомендации по теме
Комментарии
Автор

Бесплатный курс по вёрстке у Жеки намного превосходит платные курсы.

xsxekjt
Автор

эти слова можно перед сном проговаривать "обучайся, развивайся и помни - живи, а работай в свободное время")
лайк автоматом)

ramirogremory
Автор

30% первой зарплаты в IT индустрии, я переведу этому замечательному учителю)

gpblkzb
Автор

Боже, сколько мучений с этим позиционированием было... Просто тьма статей, уроков, глав из книг и все просто непонятно и бесполезно. Я НАКОНЕЦ-ТО, БЛАГОДАРЯ ТВОЕМУ УРОКУ ПОНЯЛ ЧТО ЭТО И КАК ОНО Жень, сказать что я благодарен - это не сказать ничего!!! В очередной раз просто хочу поблагодарить за твою работу, за твой настрой, позитив и уровень подачи материала! Это просто великолепно!!!! И еще, сейчас окончательно устаканится ситуация с короновирусом и т.д. и я обязательно оформлю подписку на патреон :)

hizyzkc
Автор

Все смотрю и удивляюсь, я не встречал еще таких людей, Вы действительно лучшее, что я когда либо смотре на YouTube!

trayderonelove
Автор

Платный курс на юдеми, тема позиционирование, на много меньше дал мне понять как работать с позиционированием, чем ваш урок! Большое вам благодарю!

vadosv
Автор

Мне кажется это лучше онлайн школы! Плюс ты еще и бесплатно это все преподаешь. Еще и ДЗ даешь. Просто крутой чувак и крутой канал!

ylvmpgt
Автор

Жека, уроки огонь. Надеюсь и JS в наши головы запихаешь)

rirysxp
Автор

Как-то даже неудобно, в коментах люди потратили много денег и сил, чтобы с этой темой разобраться, а я узнала о ней сразу из урока Жени и непонимания не возникло совсем. Спасибо вам, добрый человек

jemdkcu
Автор

Шёл 2023 год. А Твои уроки более чем актуальны!
Спасибо за труды и всего самого наилучшего!

jeuuuid
Автор

Родиииииительский блОк, начаааааало начАл... и в верстке твоей надежный причал...

mihail_krash
Автор

Ніхто ще так гарно не пояснював, як ви)
Ваша харизма дійсно вражає, Евгенію!

dtjebbt
Автор

Умею верстать на flex. Уже сверстал пару качественных лендингов, но position не понемеал. Спасибо тебе, теперь все ясно как чистое небо. Определенно лайк.

carrera
Автор

Господи! Як добре, що я знайшла ваш канал, Євгене! Дякую🙏
Є люди-професіонали, але вони не вміють викладати інформацію, і тому їх урокі безглузді і складні.
Ваші туторіали НАСТІЛЬКИ прості і методичні в розумінні, що я дивлюся ваші лекції кожен раз, коли англійською я просто вже не доганяю😂 дякую вам величезне. Слава Україні 💛💙

Mariiadesigner
Автор

5:28 "...блок, який зараз у нас спокійненько собі стоїть. Або лежить... Неясно..."))) Подача!

ukrainian
Автор

Ты просто лучший. Такое чувство, будто попал на платный курс совершенно бесплатно. Я бы оценил такой курс минимум в 5к рублей

MC_Burito
Автор

У меня нет слов, одни эмоции. Самый топовый учитель !!!

valerius
Автор

Женя, ты лучший!
Прохожу платный курс по гос. программе "Основы Frontend разработки" и человек может мямлить целый час, но в итоге никаких знаний после урока не остается.
Каждый раз после основного урока на курсе сажусь смотреть твои видео. И за пол часа я понял больше, то что нам пытаются разжевать за два часа!!!

googlegak
Автор

Ваши уроки до сих пор актуальны и познавательны. Вы очень качественно объясняете и очень приятно слушать. Спасибо большое!

hwcstey
Автор

Ещё одно подтверждение качества материала! Спасибо тебе, и с Днём Рождения "Фрилансер по жизни"!

bwehdmt
welcome to shbcf.ru