CSS Display свойство. Разбираем типы отображения block, inline-block, flex.

แชร์
ฝัง
  • เผยแพร่เมื่อ 4 พ.ย. 2024

ความคิดเห็น • 131

  • @vladimirpuzey713
    @vladimirpuzey713 4 ปีที่แล้ว +61

    Лучшее объяснение свойства display на youtube!!

    • @temofart
      @temofart  4 ปีที่แล้ว +5

      Worcester Souse рад слышать🙂

    • @ОлегПрикол-ю9э
      @ОлегПрикол-ю9э 4 ปีที่แล้ว +5

      @@temofart не только на ютьюб, прохожу курсы платные там эту тему не понял, перечитал уже раз 5, а тут с одного видео все сразу стало ясно, спасибо!

    • @andreiBylkin
      @andreiBylkin 3 ปีที่แล้ว

      @@ОлегПрикол-ю9э чьи курсы, если не секрет??

  • @protagonist_proradersnion
    @protagonist_proradersnion 3 ปีที่แล้ว +12

    ЧЕЛ,СПАСИБО ОГРОМНОЕ,ПРОДОЛЖАЙ В ТОМ ЖЕ ДУХЕ,САМОЕ ЛУЧШЕЕ ОБЪЯСНЕНИЕ ДАЛ,ЭТО ШЕДЕВР,ЖЕЛАЮ ПРОЦВЕТАНИЮ КАНАЛА!!!))Я наконец разобрался в том,что так долго не мог запомнить)Спасибо тебе!))

  • @ultraduck100
    @ultraduck100 3 ปีที่แล้ว +44

    не знал, что у Мармока есть канал по верстке

  • @ОлегКозюра-в1к
    @ОлегКозюра-в1к 2 ปีที่แล้ว +3

    ты просто сказка, за 1 видос понял то, чего не мог понять неделю, может не так объясняли или ещё чего, но я прям многое догнал всего лишь за одно твоё видео, спасибо

  • @СаняЯкименко-в4л
    @СаняЯкименко-в4л 4 ปีที่แล้ว +5

    Монтаж помогает расслабиться , спасибо за best tutorial

  • @sndk2267
    @sndk2267 7 หลายเดือนก่อน

    Очень полезное видео, всё понятно объясняешь, препод объясняет не так, приходится самому досматривать. Подписка и лайк однозначно !!!

  • @prostoprofi4385
    @prostoprofi4385 4 ปีที่แล้ว +4

    Спасибо очень помог всё просто и понятно! То как вы подаёте материал это самый лучший и наглядный способ для учащихся! Продолжайте !

  • @ДашаКороткевич
    @ДашаКороткевич ปีที่แล้ว

    лучи бобра тебе, ты оч крутой, надеюсь, ты никогда не забросишь это дело) спасибо

  • @lisov1k492
    @lisov1k492 ปีที่แล้ว

    На Марсе классно) Спасибо за понятное объяснение.

  • @deolvap
    @deolvap 9 หลายเดือนก่อน

    Спасибо за видео! Приятно слушать, всё понятно.

  • @screemer949
    @screemer949 4 หลายเดือนก่อน

    Чувак, спасибо! Очень полезная инфа

  • @_goldmanv5925
    @_goldmanv5925 2 ปีที่แล้ว +9

    Лайк за "Тесто" - )) и еще один лайк за хорошие объяснение. Автору огромное спасибо!

  • @ОлжасТольмухамет
    @ОлжасТольмухамет 4 ปีที่แล้ว +2

    помог понять тему, которую другие разжевать не могут, спасибо

  • @kasparbiekies186
    @kasparbiekies186 4 ปีที่แล้ว +4

    под такую музыку прям и хочется заниматься!)

  • @cam-onchannel
    @cam-onchannel ปีที่แล้ว

    На Марсе классно 🔥🔥)))

  • @desenchantee7
    @desenchantee7 ปีที่แล้ว

    Спасибо! Это была самая понятная для меня подача!

  • @Idamshop
    @Idamshop 10 หลายเดือนก่อน

    многое понял, просто и доступно объяснил

  • @polinaevtuhova8247
    @polinaevtuhova8247 2 ปีที่แล้ว

    Спасибо большое,повторила к собесу,зашло отлично!!!

  • @andreiBylkin
    @andreiBylkin 3 ปีที่แล้ว +2

    Кайф! Приятно разбираться в верстке под такие уроки :)

  • @denisromanyuk729
    @denisromanyuk729 4 ปีที่แล้ว

    Красаучек, я с тобой за пару дней столько понял... Теорию сам читаю в инете, а тут свего рода практика. Сенк!

    • @temofart
      @temofart  4 ปีที่แล้ว

      Спасибо✌️

  • @андрейандреев-к6о9ж
    @андрейандреев-к6о9ж ปีที่แล้ว

    Спасибо большое, так понятно все разложил!

  • @scankomp241
    @scankomp241 2 ปีที่แล้ว

    за пару сек я исправил ошибку блока кнопки посмотря твоё видео, ПОДПИСКА 🙃

  • @шахбозгадоев-б9щ
    @шахбозгадоев-б9щ 3 ปีที่แล้ว

    нет вопросов проста шикарная объяснение спасибо

  • @vollyyaa
    @vollyyaa ปีที่แล้ว

    Бро, спасибо четко точно лаконично)))

  • @OliverFeliz-x5
    @OliverFeliz-x5 ปีที่แล้ว

    Оч круто! Спасибо!❤

  • @ЕвгенияЛукушина
    @ЕвгенияЛукушина 4 ปีที่แล้ว +1

    очень развернуто , за это спасибо в двойне. посылаю лучи добра)

    • @mikhailmir9501
      @mikhailmir9501 4 ปีที่แล้ว

      Зачем было в видео вставлять себя? Закрывает некоторые функции кода и примеров

  • @dmitry_kolom
    @dmitry_kolom 2 ปีที่แล้ว

    Спасибо, за такое качественное объяснение

  • @benotepanyan9464
    @benotepanyan9464 3 ปีที่แล้ว

    Ну несмотря на этого большое спасибо тебе, очень аккуратно обясняешь,,,!!!

  • @АртемКолчин-н3о
    @АртемКолчин-н3о 4 ปีที่แล้ว

    Это самое понятное объяснение!!! Благодарю!

  • @romanpit4you361
    @romanpit4you361 2 ปีที่แล้ว

    Спасибо, все подробно и понятно!)

  • @leonidpogojii9649
    @leonidpogojii9649 ปีที่แล้ว

    Хорошее видео, лайк за нойза в конце

  • @issssam5853
    @issssam5853 ปีที่แล้ว

    спасибо за объяснение

  • @sokolovoleh
    @sokolovoleh ปีที่แล้ว

    Огромная благодарность!

  • @admiralalamin
    @admiralalamin 4 ปีที่แล้ว +1

    как же классно, спасибо тебе, удачи!

  • @АнтонВалов-к1ч
    @АнтонВалов-к1ч 3 ปีที่แล้ว

    Большое тебе спасибо,легко понимаю твои уроки

  • @nursayazhanabay353
    @nursayazhanabay353 ปีที่แล้ว

    Спасибо большое ✨✨✨♥️

  • @zardima8123
    @zardima8123 4 ปีที่แล้ว

    однозначно лайк

  • @irinachepurna6013
    @irinachepurna6013 4 ปีที่แล้ว +1

    Спасибо большое за доступное объяснение материала. Все очень понятно и просто :)

  • @runup1569
    @runup1569 2 ปีที่แล้ว

    Спасибо!!! всё понятно

  • @dom_Poerinionte
    @dom_Poerinionte 2 ปีที่แล้ว

    Четко, внятно, понятно. Спасибо!

  • @Mayhem888
    @Mayhem888 2 ปีที่แล้ว

    Спасибо! Очень помогло в понимании!

  • @shanthakobyan3578
    @shanthakobyan3578 4 ปีที่แล้ว

    sposibo otlichno obyasnil

  • @НиколайКарасев-н8к
    @НиколайКарасев-н8к 2 ปีที่แล้ว

    Подписка. Однозначно.

  • @izobretateldobra
    @izobretateldobra 4 ปีที่แล้ว

    Очень доходчиво! Благодарю. Пошёл переделывать лендос )

  • @АлтынайШангитбаева-ч7с
    @АлтынайШангитбаева-ч7с ปีที่แล้ว

    Лайк классно обьясняет

  • @SlarkShark31415
    @SlarkShark31415 ปีที่แล้ว

    все отлично, только музыку нужно тише и без слов

  • @sandusgoga9676
    @sandusgoga9676 3 ปีที่แล้ว

    Прекрасно!Благодарю👍

  • @ДмитрийСоловьёв-е4б
    @ДмитрийСоловьёв-е4б 4 ปีที่แล้ว

    Круто объясняешь молодец👍

  • @firekeeper7461
    @firekeeper7461 4 ปีที่แล้ว

    Если бы я захотел создать рыцарский орден программистов, то ты бы заслуженно возглавил его. Я посмотрел меньше минуты видео И У МЕНЯ УЖЕ ПОЛУЧИЛОСЬ ТО ,С ЧЕМ Я БИЛСЯ ЧАСОВ 6, в то время как другие гайды ничем не помогали.
    Счастья тебе и всего замурчательного~

    • @temofart
      @temofart  4 ปีที่แล้ว

      Спасибо за такой отзыв😊🔥🤙

  • @Nataly90mak
    @Nataly90mak 4 ปีที่แล้ว

    спасибо большое! Все очень доступно для понимания.

  • @anastasiiah2784
    @anastasiiah2784 2 ปีที่แล้ว

    super!! spasibo

  • @gigoshkin
    @gigoshkin 4 ปีที่แล้ว +2

    Спасибо, очень помог, все описано подробно, но мне кажется камера по среди экрана мешает

  • @sanya8158
    @sanya8158 3 ปีที่แล้ว

    Спасибо большое, хи

  • @mrvktr8721
    @mrvktr8721 2 ปีที่แล้ว

    оч круто, респект

  • @НойзЮтуберович-л8з
    @НойзЮтуберович-л8з 4 ปีที่แล้ว +2

    голос как у мармока) пасибо, очень помог!

  • @GennadiyDchamanov
    @GennadiyDchamanov 4 ปีที่แล้ว

    спасибо просто и доходчиво

  • @konglomora227
    @konglomora227 3 ปีที่แล้ว

    За Нойза отдельный поклон

  • @Makswell-oo5gu
    @Makswell-oo5gu 4 ปีที่แล้ว

    Давай так же понятно о JavaScript)

  • @deorfeal5657
    @deorfeal5657 3 ปีที่แล้ว

    Пасибо !

  • @arturperel
    @arturperel 2 ปีที่แล้ว

    А если задавать max-height, как сжать текст, есть ли такая возможность?

  • @НиколайКовальчук-м5и
    @НиколайКовальчук-м5и 3 ปีที่แล้ว

    Спасибо.

  • @MyakishMops
    @MyakishMops ปีที่แล้ว

    Спасибо

  • @АлександрБагров-к9х
    @АлександрБагров-к9х 2 ปีที่แล้ว

    Привет, подскажи пожалуйста, вот у меня четыре блока и я не хочу выстраивать из в одну строку, а хочу сделать два и два под первыми блоками, как это решить?

  • @w1erley
    @w1erley 4 ปีที่แล้ว

    Очень понравилось, спасибО!!

  • @jugo-stream
    @jugo-stream 4 ปีที่แล้ว

    годный контент 👍

  • @sulejmanpovelitel1220
    @sulejmanpovelitel1220 2 ปีที่แล้ว

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

  • @bpospanov
    @bpospanov 4 ปีที่แล้ว

    очень хорошее видео, бро. только не видно стили из-за вебки)

  • @nikitadv777
    @nikitadv777 5 ปีที่แล้ว +1

    Я бы хотел узнать, после изучения HTML и CSS нужно учить JS или PHP? Или вообще план обучения должен быть иным?А также, когда начинать учить Bootstrap или что то подобное? Заранее спасибо!

    • @temofart
      @temofart  5 ปีที่แล้ว +1

      Когда знание верстки будет на хорошем уровне ты сам начинаешь понимать что тебе дальше нужно. А хороший уровень - это когда ты уже работаешь в компании либо стабильно берешь заказы на фрилансе по верстке. Прыгать в программирование раньше , чем освоил верстку нет смысла, мое мнение

    • @СергейЖеломский
      @СергейЖеломский 5 ปีที่แล้ว

      @@temofart со знанием одной лишь верстки тяжело устроиться в компанию(((

    • @temofart
      @temofart  5 ปีที่แล้ว +1

      @@СергейЖеломский Согласен, что не просто, но такие вакансии есть. Я сам пришел в компанию еще будучи просто верстальщиком, хотя на фрилансе выполнял заказы на WordPress . Об этом стоит рассказать больше, есть несколько путей развития. Либо пойти по пути Vue/React, либо научиться работать с CMS типа вордпресс. Каждый из вариантов имеет свои преимущества и недостатки. Но смысл в том, что все это невозможно освоить не научившись верстать.

  • @sweetsforsweets6488
    @sweetsforsweets6488 4 ปีที่แล้ว

    Добрый день ! У вас есть уроки по JavaScript ? (интересуюсь созданием поисковика по сайту )

  • @lifelive7078
    @lifelive7078 4 ปีที่แล้ว

    👍👍👍👍👍

  • @EvilGazz
    @EvilGazz 4 ปีที่แล้ว +1

    Спасибо!

  • @АнастасияМарьясова-й9ц
    @АнастасияМарьясова-й9ц 4 ปีที่แล้ว +1

    Каеф, спасибо!

  • @андрейандреев-к6о9ж
    @андрейандреев-к6о9ж ปีที่แล้ว

    Можно попросить сделать обзор как сделать адаптивное меню с бургером!?

  • @Bakytov
    @Bakytov 4 ปีที่แล้ว

    Простите за глупый вопрос, если блочный элемент занимает всю строку как тогда float подстраивает их в одну строку

  • @andrew2340
    @andrew2340 ปีที่แล้ว

    👍

  • @lilokino94
    @lilokino94 3 ปีที่แล้ว

    Вот этот пырень понятно объясняет

  • @maximmaximov1038
    @maximmaximov1038 4 ปีที่แล้ว

    Очень хотелось бы знать : как и в каких случаях текст влияет на размеры блока и как он (текст) может менять эти размеры?

  • @АлексАлексеев-и3с
    @АлексАлексеев-и3с 6 หลายเดือนก่อน

    что за редактор кода у тебя?

  • @КотМатроскин-х9ь
    @КотМатроскин-х9ь 3 ปีที่แล้ว

    капец Чарли Дэй знает CSS

  • @kristinagevorgyan1095
    @kristinagevorgyan1095 4 ปีที่แล้ว

    Thank you

  • @sweetsforsweets6488
    @sweetsforsweets6488 4 ปีที่แล้ว

    Подскажите, у меня 9 маленьких блоков в одну строку. Как сделать чтобы при уменьшении браузера, те блоки которые не влазят= скрывались ???

    • @temofart
      @temofart  4 ปีที่แล้ว

      Свойство overflow-x скрывает все, что выходит за пределы элемента.

    • @sweetsforsweets6488
      @sweetsforsweets6488 4 ปีที่แล้ว

      @@temofart Ого как оперативно )) Спасибо. Но появилась проблема, он просто обрезает блоки по краям. А хотелось бы чтобы чтобы он их целиком не показывал если не влазеет .

    • @temofart
      @temofart  4 ปีที่แล้ว

      В вёрстке такой возможности нет. Но и сам вопрос звучит необычно, возможно нужно другое решение. Например, чтобы в адаптивной вёрстке все влезало, а не пропадало) или с помощью медиа запросов можно описать поведение всех блоков на каждом этапе, даже если нужно их по очереди убирать

    • @sweetsforsweets6488
      @sweetsforsweets6488 4 ปีที่แล้ว

      @@temofart Просто передо мной стоит задача - Разместить 12 (маленьких) блоков во всю ширину экрана одной строкой. Нельзя использовать js, только css и html
      При изменениях экрана все должно работать корректно, блоки растягиваться на
      всю ширину, а те, что не влезают - скрываться. Ничего подсказать не можете ?))

    • @sweetsforsweets6488
      @sweetsforsweets6488 4 ปีที่แล้ว

      @@temofart А если написать flex-wrap: wrap; (то есть перенести все что не влезает на вторую строку, а вторую строку скрыть )Так получится ?

  • @freedomjustice7069
    @freedomjustice7069 3 ปีที่แล้ว

    Кто нибудь знает что за программа или дополнение через которую ты смотришь полученный результат как у автора ?

    • @temofart
      @temofart  3 ปีที่แล้ว

      Live Preview

  • @CloudWalker-x2z
    @CloudWalker-x2z 4 ปีที่แล้ว

    Спасибо, но было бы лучше без фоновой музыки, мое мнение.

    • @temofart
      @temofart  4 ปีที่แล้ว +2

      Спасибо. Видео в ютубе - творчество, поэтому хочется делать так, как нравится. На любое творчество найдутся те, кому нравится - а кому нет)

    • @denpro9712
      @denpro9712 4 ปีที่แล้ว

      Sweating Поддерживаю комментарий. Музыка очень мешает и отвлекает. Без неё было лучше.
      Это вообще странная мода, ставить музыку фоном, при объяснении важных принципов.

    • @temofart
      @temofart  4 ปีที่แล้ว +2

      Музыка держит в тонусе, скучно же. Я, например, работаю под музыку, решая сложные задачи, как и многие мои коллеги. А в офисе столько посторонних звуков, что музыка будет лучшим вариантом среди них, нужно научиться фокусироваться на задаче отключая в голове все лишнее)

  • @good666fella
    @good666fella 5 ปีที่แล้ว

    Спасибо, помог!!

  • @hologramprint6292
    @hologramprint6292 4 ปีที่แล้ว

    прикольно, но почему квадратик с вашим лицом заслоняет весь код css) но про флекс всё доходчиво! спасибо лайк

    • @temofart
      @temofart  4 ปีที่แล้ว +2

      Я старался, чтобы нужный код было видно. Но в любом случае это первые видео, дальше я изменил подход)

  • @КотМатроскин-х9ь
    @КотМатроскин-х9ь 3 ปีที่แล้ว

    капец иван ургант второй канал открыл

  • @miragadzafarli1014
    @miragadzafarli1014 4 ปีที่แล้ว

    добавь код блоков что бы скачали . У меня не работает ((((

  • @benotepanyan9464
    @benotepanyan9464 3 ปีที่แล้ว

    Привет братан, извини, но flex-direction:row, column, row-reverse, column-reverseвсё про этих фишек забыл говорить!!!!

  • @zacktherussian3617
    @zacktherussian3617 4 ปีที่แล้ว

    фанаты гуфа и центра сразу видно)

  • @arturperel
    @arturperel 2 ปีที่แล้ว

    А где grid, flow layout

    • @temofart
      @temofart  2 ปีที่แล้ว

      3 года назад использовать в продуктовых проектах гриды было рано, а новичкам знать все сразу необязательно.

  • @IvanKeats-q3q
    @IvanKeats-q3q 5 หลายเดือนก่อน

    11:50

  • @nicksakovich6500
    @nicksakovich6500 7 หลายเดือนก่อน

    !!!

  • @pogram1st
    @pogram1st 3 ปีที่แล้ว +1

    Ты случаем не брат мармока?

    • @temofart
      @temofart  3 ปีที่แล้ว +1

      Та не похожи мы )

    • @pogram1st
      @pogram1st 3 ปีที่แล้ว +1

      @@temofart но голос ощущается :>

  • @8dog574
    @8dog574 4 ปีที่แล้ว

    +

  • @Assikokda
    @Assikokda 4 ปีที่แล้ว

    ничего не поняла

  • @vr4836
    @vr4836 4 ปีที่แล้ว

    фон громковат

  • @MaratHighlander
    @MaratHighlander 4 ปีที่แล้ว

    Ну ёёёмаё, нам видос нужен а не ты)))) Весь код перекрыл лицом, ппц.

    • @pogram1st
      @pogram1st 3 ปีที่แล้ว

      Зачем тебе код? Он объясняет для чего нужен код, ты должен быть уже с ним ознакомлен.

    • @MaratHighlander
      @MaratHighlander 3 ปีที่แล้ว +1

      @@pogram1st Капец ты Эйнштейн.

    • @pogram1st
      @pogram1st 3 ปีที่แล้ว +1

      @@MaratHighlanderУдачи по пути програмиста)

  • @myganter
    @myganter 3 ปีที่แล้ว

    Кто-нибудь отключите эту музыку!!!!!!!!!!!!!!!!!!!

  • @alexandrmoskalev8642
    @alexandrmoskalev8642 3 ปีที่แล้ว

    Контент хороший, но зачем эту убогую музыку было вставлять?

    • @temofart
      @temofart  3 ปีที่แล้ว

      Потому что она мне нравится)

    • @alexandrmoskalev8642
      @alexandrmoskalev8642 3 ปีที่แล้ว

      @@temofart это хорошо), но она отвлекает...Особенно когда слова в середине появляются, и не понятно кого именно слушать)

  • @ДмитрийДавидович-у6з
    @ДмитрийДавидович-у6з 4 ปีที่แล้ว

    Ничего не понятно