Тёмный

CSS Margin, Padding, Box-sizing. Как задать блокам отступы? Урок CSS для начинающих.  

temofart
Подписаться 3,5 тыс.
Просмотров 13 тыс.
0% 0

Работаем с margin, padding и узнаем как влияет box-sizing на размеры блоков и их отступы? Необходимые знания для любого начинающего веб-разработчика или html-верстальщика. В следующем видео расскажу подробней про типы отображения (display type) элементов. Узнаете разницу между display: block, display: inline-block, display: flex и так далее.

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

 

25 сен 2024

Поделиться:

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 34   
@nikitadv777
@nikitadv777 5 лет назад
Прошу не забрасывай видосы! У тебя очень хорошо получается обьяснять.Уверен что твой канал будет расти. Я безумно благодарен тебе за твой труд!!!
@cyberwarrior2669
@cyberwarrior2669 4 года назад
У Вас реально талант от бога, Вы так классно все объясняете!! Спасибо Вам огромное!
@annasudyina
@annasudyina Месяц назад
спасибо Вам огромное. Очень все понятно и доступнм языком.
@yevheniishostak9493
@yevheniishostak9493 2 года назад
Где пропал, снимай дальше, очень хорошо получается объяснять
@theflash2880
@theflash2880 2 года назад
НАКОНЕЦ-ТО НАШЁЛСЯ ЧЕЛОВЕК КОТОРЬІЙ ВСЕ ТАК ГРАМОТНО ОБЬЯСНЯЕТ
@ReserveMoney
@ReserveMoney 9 месяцев назад
Спасибо все ясно и понятно показал лайк.
@Vse-po-Faktu
@Vse-po-Faktu Год назад
Действительно, все очень доходчиво и понятно! Спасибо!
@ДенисМальцев-м8м
@ДенисМальцев-м8м 4 года назад
Красава всё понятно на пальцах объяснил )
@andreiBylkin
@andreiBylkin 3 года назад
приятно смотреть такие уроки, объяснил на пальцах, спасибо большое
@feodor60k
@feodor60k Год назад
Автор - умничка, все понятно, спасибо
@ДанилоКоверсун
@ДанилоКоверсун 3 года назад
Большое спасибо за обьяснение, очень доступно
@ОлжасТольмухамет
@ОлжасТольмухамет 4 года назад
Мужик ради бога продолжи курс по Front-End лучше тебя никто не объясняет на этой планете, такой талант заглушил с января
@temofart
@temofart 4 года назад
Олжас Тольмухамет после таких отзывов можно продолжить, а так мотивация быстро падает)
@ОлжасТольмухамет
@ОлжасТольмухамет 4 года назад
@@temofart БРО тебе нужно запустить полноценный курс по Front-end, только формат подачи не меняй, я целый год ищу годный курс по CSS3 и понятнее тебя еще никого не встречал. У тебя на канале 1.2 к человек, это весьма не мало для такой ниши, целая деревня можно сказать. Лично я хочу освоить вёрстку у тебя. Не бросай своих последователей))
@Сергей-о6к7г
@Сергей-о6к7г 3 года назад
Хорошо объясняешь! Красава
@gagikpetrosyan4951
@gagikpetrosyan4951 Год назад
Спасибо
@ЕленаКовалевич-ч2л
Спасибо Вам большое!
@impostorstar1934
@impostorstar1934 5 лет назад
молодец!
@276elik
@276elik 3 года назад
Спасибо!)
@ЖеняЖеня-и1р
@ЖеняЖеня-и1р 3 года назад
про схлопывание марджинов добавь
@nwn0zero0on
@nwn0zero0on 4 года назад
Почему, когда было "display: block", свойство "margin: 30px;" не удваивало расстояние между блоками (30+30=60), а оставляло между блоками 30px?
@ЖеняЖеня-и1р
@ЖеняЖеня-и1р 3 года назад
схлопывание марджинов
@СкрынникАнна
@СкрынникАнна 3 года назад
лойс комент :)
@allay138
@allay138 2 года назад
Получается в эти желтые отступы нельзя ничего поместить?
@annasudyina
@annasudyina Месяц назад
можно. Вы же не в отступы помещаете. А в блок или контейнер. Где указываете отступ
@СтильЗелёногокулака
Хоть я только учусь, но просматривая много зарубежных роликов, увидел, что там, обращаясь ко всей странице, убирая отступы, используют * звездочку, а не html, body
@temofart
@temofart 4 года назад
Когда нужно обратиться ко всем тэгам сразу - использует звездочку. В моем примере я сбросил отступы для страницы, а именно тэгов html, body - это вся страница, но не все тэги которые в ней есть
@СтильЗелёногокулака
@@temofart спасибо. Правильно ли я понял, что border-box применяется, например, чтобы картинка не прыгала, если используется border и псевдоселектор :hover? В таком случае, я использую outline, зная, что нельзя округлять. Второй способ нашел, что можно задать два цвета border и тогда тоже не будет прыгать, так как второй цвет будет прозрачный
@temofart
@temofart 4 года назад
не, Border-box это настройка которая говорит включать в текущую ширину рамку и отступ или нет. А то о чем говоришь лучше делать так: даём элементу Бордер прозрачный, на Ховер делаем Бордер с цветом и прыгать не будет потому что Бордер там уже есть
@temofart
@temofart 4 года назад
Я до конца не прочёл, но вообще да, ты все верно написал)
@СтильЗелёногокулака
Благодарю 👍🏻
@NeoJohnSmit
@NeoJohnSmit 3 года назад
Привет
@Fux_subscribe
@Fux_subscribe 3 года назад
<a href="#" class="seekto" data-time="290">4:50</a> СПАСИБО ОГРОМНОЕ! Уже час голову ломаю! С меня лайк и подписка!
@АлександрНазаров-т1в
Спасибо.
Далее
Офицер, я всё объясню
01:00
Просмотров 1,6 млн
Help Me Celebrate! 😍🙏
00:35
Просмотров 10 млн
История Hamster Kombat ⚡️ Hamster Academy
04:14
CSS - Курс по CSS для Начинающих
1:27:35
CSS Flexbox. Полный курс
59:57
Просмотров 164 тыс.
Офицер, я всё объясню
01:00
Просмотров 1,6 млн