Тёмный

HTML и CSS - позиционирование элементов. Работа со свойством position 

Дмитрий Лаврик
Подписаться 57 тыс.
Просмотров 97 тыс.
50% 1

Поток и статическое позиционирование. Свойство position.
Свойства top, left, right, bottom.
Position: relative, absolute, fixed, relative + absolute.
Относительное позиционирование. Абсолютное позиционирование. Фиксированное позиционирование.
Свойство z-index.

Опубликовано:

 

31 май 2016

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 115   
@TortugaStudio
@TortugaStudio 3 года назад
Тот случай, когда бесплатные видосы на ютубе дают больше, чем многие платные и высокомерные курсы. Да еще и с юморком, и приятным во всех отношениях преподавателем. Топчик!
@sargisoganesyan6773
@sargisoganesyan6773 7 лет назад
Чувак, ты очень круто преподаешь !
@AnatoliySharov
@AnatoliySharov 5 лет назад
Информативно и понятно. Осталось закрепить практикой. Успехов вам! Лайк кто смотрит в 2019 )
@MacLabUA
@MacLabUA 4 года назад
в 2020м)
@dizelvinable
@dizelvinable 4 года назад
2078 г. Смотрю архивные видео.
@vladiso1234
@vladiso1234 4 года назад
Дмитрий спасибо огромное. Очень чётко все рассказали и без выпендрежа. Спасибо
@mrECMAScript
@mrECMAScript 5 лет назад
Лучшее объяснение, которое смог найти в интернете.
@mandragoramix
@mandragoramix 6 лет назад
Из всех уроков, курсов, вебинаров и прочего обучающего материала на просторах ютуба, впервые встречаю действительно толковый обучающий урок. Вот за такой материал и денег не жалко) спасибо огромное!
@asherdavidson4635
@asherdavidson4635 4 года назад
Спасибо за полезный урок, Дмитрий! Хорошо объясняет. Структурировано и наглядно. Мне, как только начавшему изучение HTML+CSS многие вещи стали куда яснее. (Для удобства, подвиньте скорость воспроизведения)
@SP-mr9ii
@SP-mr9ii 7 лет назад
очень все круто преподносишь, все понимаешь с первого раза, таких очень мало, продолжай в том же духе и да прибудет с тобой великая сила !!!
@socialpeople6615
@socialpeople6615 2 года назад
Дмитрий, вы гениальный преподаватель. Спасибо за урок. И сегодня актуально.
@ninalukashenko2622
@ninalukashenko2622 4 года назад
Дмитрий, ОГРОМНОЕ СПАСИБО!!! Очень круто объясняете! Видео очень полезное! Лайк и подписка сразу (после 10 минут просмотра) :-)
@ruslanunezhev1374
@ruslanunezhev1374 7 лет назад
Сколько всего просмотрел прочитал, понял только с этого видео! Спасибо за видео!!
@olatera
@olatera 6 лет назад
Ааааа!!!! Спасибо, милый человег!! Наконец-то нормальный вэбинар по позиционированию блоков. +1000 в карму тебе!!!!
@AlexAlex-lt9vl
@AlexAlex-lt9vl 5 лет назад
Один из лучших уроков в трубе! Так держать!
@user-is9ox2nv3d
@user-is9ox2nv3d 7 лет назад
После этого вебинара я наконец-то разобралась с позиционированием. Очень четко и доходчиво, спасибо!
@darkfateinc7333
@darkfateinc7333 7 лет назад
Пилю сайт, все что было в уроке - со всем столкнулся в разработке, вот ровно со всем) Спасибо большое, качественный вебинар) Очень помог)
@nariman022
@nariman022 7 лет назад
Столько видосов про это видел, и понял что зря. По твоему уроку понял все нюансы position. Огромное спасибо!
@olesiagloba2540
@olesiagloba2540 6 лет назад
Отличный преподаватель, по делу, понятно и позитивно )))
@mzrost1
@mzrost1 7 лет назад
Спасибо тебе за твои видосы, все очень интересно и доступно. Видно что ты сам очень вовлечен в процесс и от души пытаешься донести знания до людей.
@user-gl3zm6nl2k
@user-gl3zm6nl2k 6 лет назад
Нашел ответы на свои вопросы за 15 минут просмотра видео. Спасибо автор!) Но видео сейчас буду дальше смотреть, до конца, может еще что почерпну нужного)
@yuliyapakidzka630
@yuliyapakidzka630 5 лет назад
Здорово преподнес материал, хочется слушать и слушать и переходить к практике. Спасибо!!!
@newkalliope
@newkalliope 7 лет назад
Спасибо! Очень полезный вебинар!!! наконец-то многие вещи стали понятнее!!!
@atherine6991
@atherine6991 5 лет назад
Никогда не оставляю комменты, но здесь - огромное СПАСИБО!
@UnrealEngine4sir
@UnrealEngine4sir 7 лет назад
Спасибо за уроки! Очень доступно и при этом приятно смотреть)
@cyraxkillallx6677
@cyraxkillallx6677 4 года назад
Согласен, да. Посмотрел несколько видео, здесь лучше всего объясняется
@user-fz7fe8cn7i
@user-fz7fe8cn7i 6 лет назад
Офигенно, RU-vid не хватало СSS в подробностях. Круто, продолжайте в том же духе.
@dmitrijponkin
@dmitrijponkin 6 лет назад
Отличный вебинар! Все очень доходчиво, ясно и понятно)) Безумно нравятся Ваши вебинары!)) Огромное спасибо!!!
@danylodrachov4500
@danylodrachov4500 7 лет назад
Очень доходчивое объяснение свойств position
@beksun9290
@beksun9290 7 лет назад
Супер! неделю непонимал эту схему а тут я даже понял почему непонимал. спасибо!
@Imstalcon
@Imstalcon 7 лет назад
уже посмотрел два других автора по такой же теме, но вы объяснили лучше и понятней, спасибо.
@user-ne6bd7do7f
@user-ne6bd7do7f 6 лет назад
Дмитрий, спасибо огромное! У вас просто талант понятно объяснять!!
@serzhshchekin8368
@serzhshchekin8368 7 лет назад
Пытаюсь освоить HTML ,CSS ,разбирался с позиционированием недели две по методичке и не знал когда и как его применять.Дмитрий спасибо за очень познавательный урок.Программистом я еще не стал но о позиционировании имею теперь хоть какое-то представление
@TamaraNikolaevna
@TamaraNikolaevna 7 лет назад
Большое спасибо. Легко смотрится и воспринимается
@Ilon_Marks
@Ilon_Marks 7 лет назад
Очень понравилось, помогло разобраться в теме, спасибо!
@vaqiffatiyev585
@vaqiffatiyev585 6 лет назад
Отличный вебинар!!!! Очень понятно объясняет!!!!))))
@Ruslan_Ts
@Ruslan_Ts 5 лет назад
Сначала ставлю лайк, а потом смотрю) Шикарно объясняешь. Респектую тебе =)
@Mamikonars
@Mamikonars 6 лет назад
Один из самых лучших преподов.
@pavel.karpets
@pavel.karpets 7 лет назад
Спасибо, очень полезное видео
@drive_to_achieve
@drive_to_achieve 5 лет назад
Супер!спасибо за уроки! Все понятно и доходчиво
@germangribanov1192
@germangribanov1192 Год назад
Спасибо, всё понятно и в отличном настроении
@user-ur3jd5jd5l
@user-ur3jd5jd5l 8 лет назад
Спасибо за вэбинар. "Взбодрил" мозги...Хорошо, что есть запись.
@user-lj3fl5ew9i
@user-lj3fl5ew9i 4 года назад
Очень большое спасибо, прекрасно преподаёшь, только сдесь понял позиционирование, лайк однозначно
@charliemcqueen9240
@charliemcqueen9240 5 лет назад
Вы крут! Спасибо вам за записи вебинара!
@realmaer6108
@realmaer6108 5 лет назад
Спасибо за доходчивое разъяснение)
@user-ls4vt6vk6e
@user-ls4vt6vk6e 7 лет назад
Спасибо большое, все четко уложилось в голове, как по position
@user-mm9tj8wi9h
@user-mm9tj8wi9h 5 лет назад
спасибо, час провел не зря! изучаю сейчас html css
@letsplay8309
@letsplay8309 7 лет назад
Дякую!Якби вчителі в школі так гарно розповідали я б відмінником би був.
@user-ir7iy8gc1p
@user-ir7iy8gc1p 6 лет назад
Дима, я пересмотрел очень много ютуб-роликов про верстку и всё такое... но то как ты объяснил материал в данном ролике я нигде не встречал! Если на таком уровне проходит обучение у тебя, то я незадумываясь пойду! Я готов платить деньги за систематический подход, при котором мне не нужно будет пересматривать разные видео с ютуб, анализировать актуальность материала и тратить время...
@artemzhuravlev8695
@artemzhuravlev8695 6 лет назад
Спасибо большое за выпуск , очень круто всё объяснил очень хорошо.
@1988proxy
@1988proxy 5 лет назад
Дмитрий спасибо Вам большое!
@elenasinianskaya3252
@elenasinianskaya3252 7 лет назад
Дмитрий, спасибо Вам! :-)
@vladimirvladimirovich2809
@vladimirvladimirovich2809 6 лет назад
Лайкую, мегодоступно. Наконец нашел что искал)
@admin8875
@admin8875 7 лет назад
огромное спасибо 👍👍👍
@zoetta
@zoetta 8 лет назад
Спасибо за классный вебинра
@kusha_718
@kusha_718 5 лет назад
*Спасибо, очень хорошо, понятно объяснил. Теперь понял как это работает.*
@user-eu7wh7nq2j
@user-eu7wh7nq2j 6 лет назад
Больше спасибо за урок. Я в конце концов разобрался с этим position.
@fiksara
@fiksara 7 лет назад
Смотрю всего 3 мин, но мне уже нравится)
@Kra6on
@Kra6on 7 лет назад
Спасибо тебе за уроки
@l9sik
@l9sik 4 года назад
Наконец-то я разобрался, спасибо большое)
@user-yu1zu8ng1e
@user-yu1zu8ng1e 6 лет назад
Круто! ни когда не писал коментов до этого! лайк и подписка!!!
@egolege
@egolege 5 лет назад
Спасибо, очень доходчиво!
@user-hz2ke8oh2l
@user-hz2ke8oh2l 5 лет назад
Очень доступно, спасибо👍
@ilapozvezd2682
@ilapozvezd2682 7 лет назад
Благодарю за разъяснение! Зачетно! Молодец! (=
@qw4814
@qw4814 6 лет назад
спасибо. Все доходчиво объяснил
@LiubovKishchenko
@LiubovKishchenko 6 лет назад
спасибо вам за урок!
@user-tb4pt7yj3p
@user-tb4pt7yj3p 6 лет назад
расположение головы и глаз на оси z это шедевр, чуть в окно не вышел хД
@mishkamartyshka101
@mishkamartyshka101 6 лет назад
Круто Круто Круто!!! Лучший препод)
@mishasv1490
@mishasv1490 5 лет назад
Ты просто лучший!
@user-en8fd9ut5q
@user-en8fd9ut5q 5 лет назад
Талантливые уроки
@user-kt8wi3om1z
@user-kt8wi3om1z 6 лет назад
Круто. Красавчик.
@user-tb4wr9ty2q
@user-tb4wr9ty2q 6 лет назад
Хорошо обьясняешь))
@arambadasyan1228
@arambadasyan1228 6 лет назад
Спасибо все Супер было
@DzmitryArtsiamkou
@DzmitryArtsiamkou 4 года назад
Спасибо!!!
@SCHCOMM
@SCHCOMM 5 лет назад
красавчик! спасибо:)
@jproger-it6831
@jproger-it6831 6 лет назад
святой человек, святой
@user-lo2fo4xu9c
@user-lo2fo4xu9c 6 лет назад
Бог преподавания!
@user-wx1nr7om8e
@user-wx1nr7om8e 6 лет назад
спасибо, ты крут!
@samvelhakobyan1809
@samvelhakobyan1809 7 лет назад
Спасибо
@max200pl
@max200pl 5 лет назад
Крутой Лаврик!!!!
@sneik999
@sneik999 5 лет назад
благодарю тебя ))) лайк
@lazylemur7761
@lazylemur7761 7 лет назад
Спасибо.
@rs-vo1po
@rs-vo1po 5 лет назад
danke, sehr gut!
@zetx557
@zetx557 6 лет назад
Ты меня спасибо , спасибо))
@user-su3tw9jd5c
@user-su3tw9jd5c 6 лет назад
Лаврик ты красава.
@andreymanaenko1638
@andreymanaenko1638 6 лет назад
Когда человека прёт от преподаваемых предметов, его становится очень интересно слушать. Всегда удивляло меня как можно перется от электротехники, сапромата и CSS? Я, к сожалению, учу эту чушь только ради денег.
@inikonelectrix2349
@inikonelectrix2349 4 года назад
@Melorum XZ меня так прёт и от электроники, и от всей связанной с ней математики, и от программирования. Некоторые и используют веб интерфейс для взаимодействия с самодельным электронно-механическим устойством (типо роботом), не только же рекламный контент верстать
@inilim
@inilim 4 года назад
Очень жаль что таких преподавателей очень мало, единицы, я думаю каждый предмет имел бы сильный вес в сторону интереса.
@user-mz7bt2do8z
@user-mz7bt2do8z 6 лет назад
Спасибо большое!!1
@user-mo1sk8me7p
@user-mo1sk8me7p 7 лет назад
когда ближайший вебинар? очень хочется побывать
@pavelk_3996
@pavelk_3996 6 лет назад
Я одного понять не могу, почему для .wrap в котором находятся все item не задать margin-top -50px и блок поднимется вверх наезжая на header, выходит тот же эффект что и при position: relative; top: -50px; И когда лучше применять margin а когда position? Если можно добиться одного и того же результата и тем и тем свойством...
@user-si1jl3xu5l
@user-si1jl3xu5l 5 лет назад
Здравствуйте. У меня вопрос маленько не по теме. Просто мне очень понравилось как Вы объясняете. Объясните пожалуйста - в css когда открывается окно подсказок в списке, я обратил внимание, что есть элементы типа: margin, float, background и др "простые", а другие с префиксом - "property". В чём разница? И если есть разница, то как и где какие применять? Заранее благодарен, Юрий.
@techno_h8ter667
@techno_h8ter667 7 лет назад
Дмитрий, может Вы что посоветуете, хочу нормально изучить cms MODX, но толковых видеокурсов от А до Я не могу найти. Видеоуроки за позапрошлый год, и некоторая инфа в них неактуальна а то и неправильная, то один автор только часть инфи дает, второй еще кусок, а полноценной картины так и нету... Или может не стоит мне браться за MODX? В наличии только знания CSS и HTML. Цель - делать средние по сложности сайтики с базовым функционалом (не блоги).
@ravabat5841
@ravabat5841 5 лет назад
Дмитрий, скажи пожалуйста кроме верстки, какие знаешь ЯП?)
@alexfun1400
@alexfun1400 6 лет назад
А почему не использовать отрицательный марджин для сдвига? Какая разница между сдвигом position и сдвигом margin например в первом варианте?
@DmitriyNazarov100
@DmitriyNazarov100 8 лет назад
Спасибо за видео. А как попасть на вэбинар?
@dmitrylavrik
@dmitrylavrik 8 лет назад
У меня ближайший только в августе. Пока что, если хотите, можете вот этот посетить html.ntschool.ru/ Мой товарищ ведёт по кроссбраузерной вёрстке. Попадете к нам в подписную базу и будете получать уведомления о всех подобных семинарах.
@MrSizok
@MrSizok 7 лет назад
как попасть на вебинар следующий по HTML&CSS?
@PolnayaAmplituda
@PolnayaAmplituda 6 лет назад
Все супер объясняешь,но как же его все запомнить?)))
@omnamo9990
@omnamo9990 4 года назад
Где взять файлы для урока не пойму.
@user-om6wj2zq7p
@user-om6wj2zq7p 6 лет назад
Ебать ты мощно объясняешь
@vitalykolot
@vitalykolot 2 года назад
+
@mrMatp1
@mrMatp1 7 лет назад
Какие курсы он пропадает?? Я хочу туда)))
@zloypatrick4232
@zloypatrick4232 5 лет назад
Notepad, Pain и IE для тру верстальщиков
@xxxxxx-kz6yi
@xxxxxx-kz6yi 4 года назад
есть кто то из 2020 ??? ))))
Далее
Repeat 🥴🤣 LeoNata family #shorts
00:11
Просмотров 795 тыс.
PEPSI VS Coca-Cola VS Sprite VS Fanta
00:30
Просмотров 1,7 млн
Repeat 🥴🤣 LeoNata family #shorts
00:11
Просмотров 795 тыс.