CSS3 #6 Блочная модель и отступы (Box Model, Padding & Margin)

Поділитися
Вставка
  • Опубліковано 4 лис 2024

КОМЕНТАРІ • 47

  • @yevhenkorotych6038
    @yevhenkorotych6038 2 роки тому +2

    Евгений, благодарю за очередной урок. Вас очень приятно смотреть и слушать. Ваша речь очень продуманна и чиста, ни одного лишнего слова🙂

  • @EugenySubbotin
    @EugenySubbotin 2 роки тому +2

    про блочную модель подробно, полно и ничего лишнего! шикарные уроки!

  • @Nikitosss91
    @Nikitosss91 3 роки тому +18

    Если рай существует, Женя, ты туда попадешь без очереди.
    Пс. После CCS нужен курс по Гиту, во это тема была бы. У Минина есть, но там как обычно..

    • @YauhenKavalchuk
      @YauhenKavalchuk  3 роки тому +6

      Спасибо за отзыв. Git есть в планах, пока думаю над идеей реализации

  • @zzicman
    @zzicman 7 місяців тому

    спасибо за видео) все доступно понятно, без '''воды''

  • @Va999tttt
    @Va999tttt Рік тому +1

    Спасибо за урок! Все четко и по полочкам!

  • @SerhiiStrutskyi
    @SerhiiStrutskyi 3 роки тому +8

    Спасибо за лучшие курсы по фронтенду на ру ютубе!
    Очень понятно и качественно все организованно.
    4:04 перепутаны цвета бордер и марджин. Бордер красный, а не желтый. А марджин желтый, а не красный)

    • @YauhenKavalchuk
      @YauhenKavalchuk  3 роки тому

      Спасибо за отзыв. Да нет, всё верно сказал. Это я имел ввиду блочную модель

    • @posadcom
      @posadcom 2 роки тому

      Так тайминг 4:04
      Это пасхалка :D

  • @donstacky
    @donstacky 2 роки тому

    С каждым уроком чувствую себя все более уверенным в себе маслёнком 💪

  • @Tornado-ln7fq
    @Tornado-ln7fq 2 роки тому +1

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

  • @eugenia9999
    @eugenia9999 3 роки тому +1

    Приветствуем, Евгений !!)) спасибо огромное за видео!!))

  • @pavelkruglik5346
    @pavelkruglik5346 3 роки тому +2

    Спасибо! Полезно повторить!

  • @antontyronchik496
    @antontyronchik496 2 роки тому

    Суперинформативно! Спасибо Женя

  • @olehyefimenko6693
    @olehyefimenko6693 2 роки тому

    Спасибо за курс и проделанную тобой работу! Благодаря твоим курсам узнал много нового! Ну а с моей стороны - лайк, подписка, комментарий!

  • @ЕвгенийУгланов-ш2л

    Лайк за труд

  • @ВячеславСмирнягин-н8в

    Спасибо за урок! Скажи пожалуйста(Вопрос не по теме), только начинаю изучать css , можешь посоветовать примеры простых сайтов которые можно сверстать самому ,чтобы понимать как все это работает.

  • @accoladed
    @accoladed Рік тому

    Не до конца понял про инлайн-блок. Зачем элетементу придавать такое свойство? В чем преимущество инлайна перед блоком в данном случае? Чтобы он не занимал всю строчку но мог иметь отступы снизу и сверху?

    • @ПавелНовосиба
      @ПавелНовосиба 9 місяців тому +1

      С помощью инлайн-блок можно например несколько div отобразить на одной линии, т.е. в строку

  • @kr4a6ne
    @kr4a6ne 3 роки тому

    Интересно! Получается, разница в box model - это у кого больший приоритет в плане сохранения заданного размера? В одном случае - приоритет border, в другом - content?

    • @YauhenKavalchuk
      @YauhenKavalchuk  3 роки тому

      Нет, это свойство которое помогает задать алгоритм рассчёта размеров

  • @AmirLT-x6y
    @AmirLT-x6y Рік тому

    Very difficult ..I did't undestand this lesson😢😢 I will tray tomorrow,becose it's important!

  • @Эдсель-т4н
    @Эдсель-т4н 8 місяців тому

    5:07 у обеих margin по 10 px что значит большему marginy?

    • @YauhenKavalchuk
      @YauhenKavalchuk  8 місяців тому

      То есть, если два элемента с разными margin стоят рядом.
      То суммарное расстояние между ними будет равно большему margin. И следующим примером я это показываю

  • @Кирилл-ж3м2н
    @Кирилл-ж3м2н 3 роки тому

    8:33 очень странно, я проверил в Хроме и ФФ, по умолчанию у меня показывает border-box, а не content-box.

    • @YauhenKavalchuk
      @YauhenKavalchuk  3 роки тому

      Возможно в новых версиях браузеров свойство изменили

  • @nouchance
    @nouchance 3 роки тому

    Просто лучший! Лайкосик +666💪✊👍

  • @aleksandrkozowski9717
    @aleksandrkozowski9717 8 місяців тому

    Пуля

  • @schrotKz
    @schrotKz 3 роки тому

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

    • @YauhenKavalchuk
      @YauhenKavalchuk  3 роки тому +2

      Как только начнёте верстать самостоятельно, всё сразу станет на свои места. Лишних элементов нет, каждый нужен для конкретных визуальных целей

    • @stass3251
      @stass3251 3 роки тому

      @@YauhenKavalchuk а как понять когда начинать верстать? После изучения Ваших курсов html, css basic получиться сверстать что то похожее на сайт? Сейчас я понимаю, что мне недостаточно знаний что бы сверстать что тот похожее на сайт.