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

แชร์
ฝัง
  • เผยแพร่เมื่อ 10 ก.ย. 2024
  • Друзья! в видео объясняю зачем в начале каждого сайта пишут это сладкое свойство) почему вам нужно писать box-sizing: border-box, и в каких случаях он прям спасайте жизнь начинающего верстальщика.
    Верстка сайта с нуля до завершения: • Верстка сайта с нуля д...
    -------------------------------
    Подпишитесь на канал, если вам понравилось данное видео:
    bit.ly/2IFzwBZ

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

  • @Simoreg
    @Simoreg 2 ปีที่แล้ว +12

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

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

      спасибо, я рад)

    • @tic_thug
      @tic_thug 22 วันที่ผ่านมา

      Солидарен)

  • @andymits4578
    @andymits4578 5 ปีที่แล้ว +88

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

  • @valdemarii9698
    @valdemarii9698 2 ปีที่แล้ว +12

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

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

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

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

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

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

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

  • @Cats_Dogs.
    @Cats_Dogs. 2 ปีที่แล้ว

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

  • @maksimtroshkov173
    @maksimtroshkov173 5 ปีที่แล้ว +13

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

  • @user-tn2bc9ls3c
    @user-tn2bc9ls3c 2 ปีที่แล้ว +2

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

  • @annj3150
    @annj3150 2 ปีที่แล้ว +1

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

  • @user-jk8tg5bb6c
    @user-jk8tg5bb6c 5 ปีที่แล้ว +38

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

  • @backtofire-videogames2930
    @backtofire-videogames2930 4 ปีที่แล้ว +1

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

  • @umbrellacorporation-o8l
    @umbrellacorporation-o8l 2 ปีที่แล้ว +3

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

  • @user-fd4jg4jo1m
    @user-fd4jg4jo1m 2 ปีที่แล้ว +2

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

  • @mamurrahmatov9840
    @mamurrahmatov9840 8 หลายเดือนก่อน

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

  • @appleipad9226
    @appleipad9226 5 ปีที่แล้ว +20

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

    • @vadymprokopchuk
      @vadymprokopchuk  5 ปีที่แล้ว +2

      Спасибо

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

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

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

      @@yaroslavzef7267 на ветру)

  • @user-sk7pc3hn3o
    @user-sk7pc3hn3o 5 ปีที่แล้ว +4

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

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

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

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

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

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

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

  • @user-gs5sf8ou9r
    @user-gs5sf8ou9r 2 ปีที่แล้ว

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

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

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

  • @user-be7jw6nl1p
    @user-be7jw6nl1p 3 ปีที่แล้ว +1

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

  • @user-sl8is7sk3j
    @user-sl8is7sk3j 3 ปีที่แล้ว +1

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

  • @user-ve7tx3ud6n
    @user-ve7tx3ud6n 3 ปีที่แล้ว +2

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

  • @user-lv3xy1wd2j
    @user-lv3xy1wd2j 3 ปีที่แล้ว

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

  • @user-de3fu3fw4m
    @user-de3fu3fw4m ปีที่แล้ว +1

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

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

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

  • @user-tc2oj1gr6j
    @user-tc2oj1gr6j 4 ปีที่แล้ว +1

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

  • @shortVideoIP
    @shortVideoIP 5 ปีที่แล้ว +16

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

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

      Обязательно запилю )

  • @AlekMuz
    @AlekMuz 2 ปีที่แล้ว +1

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

  • @the-great-brain-
    @the-great-brain- 2 ปีที่แล้ว +1

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

  • @user-sy3uo4ki6v
    @user-sy3uo4ki6v 3 ปีที่แล้ว +2

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  • @NonToxicTV
    @NonToxicTV 5 ปีที่แล้ว +8

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

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

      Круто! И тебе спасибо

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

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

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

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

  • @user-sf3ni3dz2x
    @user-sf3ni3dz2x 2 ปีที่แล้ว

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

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

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

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

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

  • @user-en8mc3cu1r
    @user-en8mc3cu1r 2 ปีที่แล้ว

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

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

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

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

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

  • @user-hc8ym6bq5e
    @user-hc8ym6bq5e 3 ปีที่แล้ว +1

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

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

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

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

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

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

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

  • @KIMI-lz5ym
    @KIMI-lz5ym 4 ปีที่แล้ว +1

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

  • @user-sk1rh7yh7n
    @user-sk1rh7yh7n 3 ปีที่แล้ว

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

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

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

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

      + як успіхи?

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

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

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

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

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

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

  • @stole-name
    @stole-name 4 ปีที่แล้ว

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

  • @user-fy6jt8bx3e
    @user-fy6jt8bx3e 3 ปีที่แล้ว +1

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

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

    Vadim, thank you so much!

  • @user-ug1vi3bv1f
    @user-ug1vi3bv1f 3 ปีที่แล้ว +1

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

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

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

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

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

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

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

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

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

  • @user-ou7il8fk6w
    @user-ou7il8fk6w ปีที่แล้ว

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

  • @user-ob9tq6qc1b
    @user-ob9tq6qc1b 3 ปีที่แล้ว

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

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

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

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

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

  • @user-hg9jc9nc3k
    @user-hg9jc9nc3k 2 ปีที่แล้ว

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

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

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

  • @user-xi7xk7lc6x
    @user-xi7xk7lc6x 3 ปีที่แล้ว

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

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

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

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

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

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

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

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

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

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

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

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

    Спасибо!!!

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

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

  • @user-qb6tf5xc2p
    @user-qb6tf5xc2p 5 ปีที่แล้ว +1

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

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

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

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

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

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

    Полезно!

  • @МиколаСвятий
    @МиколаСвятий 3 ปีที่แล้ว

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

  • @serg-k
    @serg-k 3 ปีที่แล้ว

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

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

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

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

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

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

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

  • @user-ov5tt6sc2f
    @user-ov5tt6sc2f 4 ปีที่แล้ว

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

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

    спасибо, круто!!!

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

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

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

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

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

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

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

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

  • @user-jw1pc9ls1x
    @user-jw1pc9ls1x 4 ปีที่แล้ว

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

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

    спасибо!

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

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

  • @user-cr4ks2fb1m
    @user-cr4ks2fb1m 5 ปีที่แล้ว

    Спасибо огромное, обязательно лайк и подписка