box sizing border box что это? и как его использовать

Поделиться
HTML-код
  • Опубликовано: 21 сен 2024
  • Друзья! в видео объясняю зачем в начале каждого сайта пишут это сладкое свойство) почему вам нужно писать box-sizing: border-box, и в каких случаях он прям спасайте жизнь начинающего верстальщика.
    Верстка сайта с нуля до завершения: • Верстка сайта с нуля д...
    -------------------------------
    Подпишитесь на канал, если вам понравилось данное видео:
    bit.ly/2IFzwBZ

Комментарии • 200

  • @Simoreg
    @Simoreg 2 года назад +13

    Единственный кто смог нормально объяснить для чего был нужен border-box

  • @andymits4578
    @andymits4578 5 лет назад +88

    классный рассказчик , веселый и не нудный! чёткий видос. Спасибо!

  • @valdemarii9698
    @valdemarii9698 2 года назад +12

    Благодарю, отличное объяснение + шутки , чтобы не превратится в лекцию. Вот это урок.👍

  • @deansanchez3385
    @deansanchez3385 2 года назад +3

    Автору огромная благодарность, на скорости х2 разъяснил очень важную тему за 4 минуты, респект

  • @kignofthering5021
    @kignofthering5021 4 года назад +27

    Почему лайков так мало?
    Автор преподносит такую полезную информацию )
    Жаль нельзя два лайка поставить ))

  • @АльонаЯковенко-э8е
    @АльонаЯковенко-э8е 2 года назад +2

    Великолепный подарок от Вас. Ваши видео очень полезны.

  • @maksimtroshkov173
    @maksimtroshkov173 5 лет назад +13

    Отличное видео! Я как-то завалил тестовое задание как раз из-за того, что добавил паддинг для враппера, и у меня вся верстка поехала :) про border-box слышал, но не понимал для чего он нужен. Теперь все стало ясно. Годный контент! С меня лайк и подписка. Буду следить за твоим каналом ;)

  • @ДимаИванов-э4п2ъ
    @ДимаИванов-э4п2ъ 5 лет назад +38

    спасибо, очень полезно=)

  • @boggeniys
    @boggeniys 2 года назад +9

    Спасибо огромное! начал учить HTML и CSS, и много чего не понятно, бесконечная благодарность таким людям как вы)

  • @umbrellacorporation-o8l
    @umbrellacorporation-o8l 2 года назад +3

    Боля. От души благодарю тебе за это видео, как же долго искал такого учителя👍👍👍👍 подписка+лайк+колокол+комментарии)))

  • @backtofire-videogames2930
    @backtofire-videogames2930 4 года назад +1

    Видео понравилось и было полезным.
    Сначала я полез на 'htmlbook', но там ни хрена понятно не было.
    Затем нашел твое видео, посмотрел, вернулся на 'htmlbook' и все кристально понятно!!!
    Магия 👏👏👏

  • @annj3150
    @annj3150 2 года назад +1

    Спасибо, до этого попадалось уже это свойство - ну свойство и свойство, а теперь все понятно стало

  • @appleipad9226
    @appleipad9226 5 лет назад +20

    Спасибо, Вадим вижу у Вас все получается канал развевается желаю удачи 👍🏿

    • @vadymprokopchuk
      @vadymprokopchuk  5 лет назад +2

      Спасибо

    • @yaroslavzef7267
      @yaroslavzef7267 4 года назад +4

      тоже рад, что он разВевается)

    • @andrei8299
      @andrei8299 4 года назад +1

      @@yaroslavzef7267 на ветру)

  • @НиколайДавшан-в2с
    @НиколайДавшан-в2с 2 года назад +2

    Благодарочка за четкое и понятное объяснение!

  • @mamurrahmatov9840
    @mamurrahmatov9840 8 месяцев назад

    Молодец вот это я понимаю, лучшее объяснение которое когда либо видел

  • @Mykhailo_Vdovychenko
    @Mykhailo_Vdovychenko 4 года назад +1

    Как все просто и доступно обьяснил. СПАСИБО! Ваш канал - просто находка!

  • @glyanz
    @glyanz Год назад +1

    Респект за запись урока в 4 утра)
    Все понятно, спасибо

  • @naphania2
    @naphania2 2 года назад

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

  • @АлександрШумский-н7п

    Наконец-то добрался до этой штуки) Круто, спасибо за просветление!

  • @Жизнь-я3ъ
    @Жизнь-я3ъ 2 года назад

    и не только начинающим, судя по-всему) БСпасибо за ваш труд!)) чмоки.

  • @ivartcover4311
    @ivartcover4311 4 года назад +3

    Спасибо что разжевал) на всех видео это пишут ,но никто не рассказывает)

  • @АртурНовиков-ж3ь
    @АртурНовиков-ж3ь Год назад +1

    Благодарность тебе вслед!)

  • @Freedom_Code
    @Freedom_Code 3 года назад +1

    Спасибо, автор, уже пишу React приложения, а такую мелочь упустил, и в итоге, когда начал делать fixed блоки, вся вёрстка ехала. Подписался !!! ТОП КОНТЕНТ!!!

  • @AlekMuz
    @AlekMuz 2 года назад +1

    Ты просто шикарен!!!
    Пожалуйста, побольше делай таких разборов! Это очень здорово!

  • @ЖандосБоранбаев-ы5ь
    @ЖандосБоранбаев-ы5ь 3 года назад +1

    Спасибо за примеры! Все понятно и без лишней воды. Простыми словами, четко и ясно! Благодарю :)

  • @ИгорьГлазков-с1б
    @ИгорьГлазков-с1б 3 года назад +2

    Спасибо Вадим. Всё чётко и по существу.

  • @МирланСагынбаев-в8о

    долго писал не понимая что это такое,
    долго искал и наконец нашел, и понял что это такое box-sizing: border-box; Спасибо

  • @the-great-brain-
    @the-great-brain- 2 года назад +1

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

  • @NITROBEARRR
    @NITROBEARRR Год назад +1

    Чисто и без воды)

  • @ПриколыЗвёзды
    @ПриколыЗвёзды 4 года назад +1

    Спасибо большое за видео мало кто так внятно обясняет.

  • @АртёмЯрошенко-и3е
    @АртёмЯрошенко-и3е 3 года назад +2

    Отличный видос, спасибо за хороший урок! Все четко по делу и без воды!

  • @shortVideoIP
    @shortVideoIP 5 лет назад +16

    Спасибо за видео, не знаком был со 2 видом записи, такие видео оч полезны, выпускайте побольше)
    Возможно в будущем если будет возможность, что то про scss например, архитектура допустим, многим будет полезна так как важна в реальной работе в офисе.

  • @mamita5595
    @mamita5595 4 года назад +1

    Молодец. Четко и ясно. Прекрасный учитель

  • @joehunter1971
    @joehunter1971 2 года назад

    Спасибо,это видео помогло разобраться с этим box-sizing'ом

  • @A_A_A182
    @A_A_A182 Год назад

    Спасибо за доступное объяснение

  • @devidbrown8176
    @devidbrown8176 7 месяцев назад

    Спасибо тебе, добрый ЧЕЛОВЕК!)

  • @_luffi_san_
    @_luffi_san_ 2 года назад

    Спасибо что понятно объяснил а то я только начинаю верстать и не мог понять зачем box-sizing: border-box;
    нужен вообще.

  • @The1nv1s1bleMan
    @The1nv1s1bleMan 2 года назад

    Боже мой! В общем я заплатил за годовой курс онлайн обучения 150 тысяч рублей. И вот в этом видео объяснена данная тема в разы лучше и доходчивее чем в онлайн-школе...
    Обязательно подписывайтесь на этот канал. Надеюсь другие материалы автор доносит таки же замечательно. Я подписался, поставил лайк.
    Спасибо!

  • @ne_psixyu
    @ne_psixyu 5 лет назад +5

    Спасибо! Очень полезная информация!

  • @jonimonik6575
    @jonimonik6575 4 года назад +2

    Очень просто и понятно. Спасибо мужик!!!

  • @magerrrr
    @magerrrr 3 года назад +1

    I have to say that this has been the most incredible explanation! Thanks

  • @rustam_kzn
    @rustam_kzn Год назад

    так легко все рассказал) браво мужик

    • @denzeroneYT
      @denzeroneYT Год назад

      Да, и без этих сложных слов, которые хоть и описывают кратко значение, но сложно понимать такое, ты хочешь узнать что значит например, border-box, а в итоге тебе приходиться разбирать что каждое слово значит в объяснении, новичкам это не нужно

  • @Cats_Dogs.
    @Cats_Dogs. 2 года назад

    Наконец стало понятно для чего надо писать border-box.

  • @NonToxicTV
    @NonToxicTV 5 лет назад +8

    Классно, что начал с этой мистической хрени =) когда я начинал, лично для меня, она была таковой. Как сейчас чистый CSS. Пойду чекать твой видос по sass, повторение мать учения! Спасибо за видео!

  • @azrae21
    @azrae21 4 года назад +2

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

  • @stole-name
    @stole-name 4 года назад

    О боже! Я так хотел узнать эту штуковину у человека, который умеет объяснять и тут БАЦ в рекомендациях ты =) Лайков пачку тебе, хороший человек!

  • @Just_The_Skye
    @Just_The_Skye 4 года назад

    Четко. Без воды.

  • @ПарвинИсломов
    @ПарвинИсломов 3 года назад +1

    Красава! От души прям! Внятно объяснил! Даже лайк поставлю!

  • @宮崎英高-r8x
    @宮崎英高-r8x 2 года назад

    просто и четко. Благодарю.

  • @car_sketch_and_render
    @car_sketch_and_render 5 лет назад +1

    Спасибо Огромное! Очень доходчивый пример и объяснение!

  • @АндрейАндрианов-г9в

    Кратко и понятно, без воды

  • @alexkodding9354
    @alexkodding9354 3 года назад +1

    Спасибо большое. Очень просто и понятно обьясняешь )))

  • @AnastasiyaKovalenko1384
    @AnastasiyaKovalenko1384 3 года назад +1

    Спасибо. Все доступно объясняете.

  • @ДмитрийБогданов-э5ы

    Стиль повествования - супер!

  • @oleksiykurylyuk4696
    @oleksiykurylyuk4696 4 года назад

    Дякую за доходчиве розяснення.

  • @artemkravchenko4062
    @artemkravchenko4062 2 года назад

    Спасибо большое, все понятно объяснили!

  • @Murakasi
    @Murakasi 4 года назад

    Благодарю, четко и ясно и главное без не нужных соплей! Лайк и подписка пошла .

  • @Exigoll92
    @Exigoll92 3 года назад

    посмотрю все твои видосы! Спасибо!

  • @KIMI-lz5ym
    @KIMI-lz5ym 4 года назад +1

    Полезно, информативно и классно.

  • @ИннаАлексеенко-ы7ы
    @ИннаАлексеенко-ы7ы 3 года назад +1

    Все четко разъяснено, спасибо!

  • @ifenkiulkind5100
    @ifenkiulkind5100 4 года назад +1

    Дякую, добре пояснили.

  • @hackzet5134
    @hackzet5134 2 года назад

    Оч долго думал что это такое Спасибо за уро )))

  • @ТимурТокумов-и1к
    @ТимурТокумов-и1к 3 года назад +1

    Чётко и понятно, спасибо!

  • @TheBigChannel_
    @TheBigChannel_ Год назад

    Vadim, thank you so much!

  • @piratplay4689
    @piratplay4689 3 года назад +1

    Спасибо, как всегда полезно!

  • @BillieBonse
    @BillieBonse 4 года назад +1

    коротко и понятно, спасибо!

  • @ИринаДериглазова-п2ы

    Урааа я наконец то поняла, спасибо тебе большое за подробное объяснение 😁

  • @AltaïrFreeman
    @AltaïrFreeman 2 года назад

    весёлый парень) лайк) спасибо!

  • @EvilGazz
    @EvilGazz 4 года назад +1

    Спасибо! Искал инфу по этой теме нашел именно у тебя👍

  • @Степан-с4х7к
    @Степан-с4х7к 3 года назад

    Уважаю тебя мужик!

  • @hellomyfriend9848
    @hellomyfriend9848 3 года назад

    благодарю, все понятно.

  • @ynivermine7750
    @ynivermine7750 3 года назад

    спасибо очень полезная информация )

  • @otabektoshturdiyev356
    @otabektoshturdiyev356 3 года назад

    Бро в следующих уроках микрофона чуть по дальше ставь от клавиатуре такой сильный басс и вибрация даёт в наушниках

  • @warflow
    @warflow 2 года назад

    полезная инфа, не знал об этом

  • @Viktorres1
    @Viktorres1 4 года назад

    Спасибо! Доходчиво про необходимое.

  • @serg-k
    @serg-k 3 года назад

    Тогда пересмотрю все и попробую на mavic

  • @ЕгорРезниченко-ы6п
    @ЕгорРезниченко-ы6п 5 лет назад +1

    Спасибо, очень круто объясняете))

  • @nikitatyshchenko5477
    @nikitatyshchenko5477 2 года назад

    Спасибо Огромное 👌)

  • @vasya8441
    @vasya8441 4 года назад

    очень хорошо автор объясняет

  • @AnyaPlesk
    @AnyaPlesk Год назад

    Очень-очень полезно!!!! Спасибо огромное))))😊

  • @gerompauel
    @gerompauel 3 года назад

    Спасибо друг!:)) Наконец-то дошло до меня:))))

  • @ДиасАбдолдаев-о4п
    @ДиасАбдолдаев-о4п 4 года назад

    Спасибооо) я этого даже и не представлял

  • @МиколаСвятий
    @МиколаСвятий 3 года назад

    Отличный урок)👍

  • @enterkvas
    @enterkvas 4 года назад

    Большое спасибо! Успехов!

  • @dez1ess
    @dez1ess Год назад

    Гений. Спасибо

  • @hugeapples100
    @hugeapples100 3 года назад

    Мне повезло попасть в это видео, т.к. вообще не понял *,*:before,*:after
    Спасиб

  • @GGSoft2009
    @GGSoft2009 Месяц назад

    Спасибо!!!

  • @vishegor4274
    @vishegor4274 3 года назад

    Четко епта))) магет))) Это однозначно Lukas))

  • @yamahabiker316
    @yamahabiker316 2 года назад

    Спасибо) Подписался) Лайкосик оставил

  • @catharsis08
    @catharsis08 3 года назад

    Я только на середине видео заметил тебя в углу)

  • @dvsDesing
    @dvsDesing 4 года назад

    Полезно!

  • @Iwtin
    @Iwtin 23 часа назад

    Красиво объяснил, респект

  • @ob7349
    @ob7349 3 года назад

    и я не понимала...Спасибо)))

  • @zakiro4277
    @zakiro4277 Год назад

    сПасибо быстро по делу

  • @vimvexvimvex8780
    @vimvexvimvex8780 Год назад

    Здравствуйте. Огормное спасибо за Ваше время и труд! Отличная подача материала! Лайк и подписка хоть и прошло 3 года. Скажите пожалуйста если тема еще не заброшена, почему в CSS - настройки body вписаны после .container а не наоборот?

    • @vadymprokopchuk
      @vadymprokopchuk  Год назад

      это не важно, можно писать как удобно

    • @denzeroneYT
      @denzeroneYT Год назад

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

  • @stylegan6568
    @stylegan6568 3 года назад

    Бро, все супер, но если смотреть в наушниках - прям бьет в уши звук клавиш и других звуков(не сильно но заметно, к сведению)

  • @sergeikupchyk5349
    @sergeikupchyk5349 4 года назад

    спасибо. все четко

  • @xojakbarxakimov5215
    @xojakbarxakimov5215 3 года назад

    спасибо за отличный видео уроку ; >)

  • @МаксВолков-э6и
    @МаксВолков-э6и 4 года назад

    Спасибо вам большое.

  • @ВладиславБирюков-ш5э

    спасибо, помог, а то даже на html book понять не мог.