Блочная модель css, Свойство margin padding border учим за 5 минут, Видео курс по CSS, Урок 18

  Переглядів 12,111

ITDoctor

ITDoctor

6 років тому

Блочная модель html css, Свойство margin padding border учим за 5 минут, Видео курс по CSS, Урок 18. Границы, отступы и поля в CSS являются неотъемлемой частью блочной модели. В этом видео я расскажу вам, что такое блочная модель за 5 минут и мы рассмотрим на практике что такое блочная модель. Как делать поля, отступы и границы для элементов на css вы узнаете из видео по ссылкам ниже.
Эксклюзив на Boosty - boosty.to/itdoctor
Telegram канал - t.me/itdoctor_official
Курсы на Stepik - stepik.org/users/387773773/teach
Донаты:
1. ЮMoney - sobe.ru/na/itdoctor
2. VISA - 4274 3200 3233 1582
ВКонтакте - itdoctorstudio
Яндекс Дзен - zen.yandex.ru/id/5f994406f3d1...
Rutube - rutube.ru/channel/23500045/
✔Советую посмотреть:
Блочная верстка на практике: • #42 Верстка сайта DIV ...
Границы в css, border и border-radius: • Границы в css, Свойств...
Отступы Margin в CSS: • Отступы margin в CSS, ...
◄ Предыдущее видео: • Как сделать вертикальн...
► Следующее видео: • Таблицы на CSS, свойст...
#css #boxmodel #cssbox #itdoctor

КОМЕНТАРІ: 31
@ITDoctor
@ITDoctor 2 роки тому
Курс Frontend разработчик на HTML, CSS и JavaScript: stepik.org/z/113402
@Kusokbanana15
@Kusokbanana15 2 роки тому
Спасибо. Отлично объяснил, быстро и по делу. Особенно порадовало наглядное отображение через f12
@ITDoctor
@ITDoctor 2 роки тому
Рад что понравилось
@user-vn8zd9qb1i
@user-vn8zd9qb1i Рік тому
огромнейшее спасибо, очень долго искала понятное объяснен ие и наконец всё четко и ясно
@ITDoctor
@ITDoctor Рік тому
очень рад что все понятно!
@KuKu_RuKu88
@KuKu_RuKu88 4 роки тому
Спасибо! Уроки стали еще интереснее, так как теперь вообще каждый шаг и значение объясняете! Спасибо
@dobryi_krolik
@dobryi_krolik 3 роки тому
Хорошо объяснил с примером
@user-tr2xj2rr2i
@user-tr2xj2rr2i 3 роки тому
Спасибо!
@wzxv2175
@wzxv2175 3 роки тому
Спасибо помог!
@13Melmoth
@13Melmoth 5 років тому
Хороший канал
@KoT-ew2dk
@KoT-ew2dk 5 років тому
Как это работает понятно, возникает путаница уже при вёрстке, а именно когда лучше использовать margin, а когда padding. К примеру нужно подвинуть, сместить какой нить элемент или текст, и не знаешь что из этого лучше применить, делать внешний отступ, или внутренний. Так когда смотришь, все понятно, но когда верстаешь, начинаешь чесать репу )
@ITDoctor
@ITDoctor 5 років тому
KoTэ просто ечли вы используете margin то у вас весь блок сместится и если нажать f12 то видно все эти линии и станет понятней а с padding вы сделаете отступ а блок будет стоять на том же месте. Там уже зависит от ситуаций и margin может нарушить всю структуру верстки и при создании адаптивного дизайна это может плохо сказаться
@Pincolada
@Pincolada 2 роки тому
Быстро и понятно объяснил👍
@ITDoctor
@ITDoctor 2 роки тому
Спасибо
@maga20888
@maga20888 3 роки тому
Спасибо за урок!!!
@ITDoctor
@ITDoctor 3 роки тому
Пожалуйста
@lumeaceaiuluisrl6343
@lumeaceaiuluisrl6343 3 роки тому
Лайк!
@deorfeal5657
@deorfeal5657 2 роки тому
Пасибо !
@ITDoctor
@ITDoctor 2 роки тому
Пожалуйста
@slowmoka
@slowmoka 4 роки тому
ˈmärjən!
@Skyfauer
@Skyfauer 2 роки тому
Пудинг-клефт 🍮
@cotmax
@cotmax 5 років тому
То что мы указываем отступы в пикселях, это повлияет отрицательно на адаптацию сайта в будущем? Ведь число пикселей у всех девайсов разное. Может лучше сразу указывать в процентах?
@ITDoctor
@ITDoctor 5 років тому
не в процентах, а в em и rem
@yuriiyablonskyi6626
@yuriiyablonskyi6626 4 роки тому
Морджин😄
@menz1s824
@menz1s824 3 роки тому
подскажи пожалуйста что за редактор кода у тебя?
@ITDoctor
@ITDoctor 3 роки тому
В этом видео Brackets ukposts.info/have/v-deo/kGaZhquQeax9zqs.html а сейчас я использую VS Code ukposts.info/have/v-deo/cKGJfZtupG6lrYk.html
@menz1s824
@menz1s824 3 роки тому
@@ITDoctor спасибо!
@Pincolada
@Pincolada 2 роки тому
Кстати, что за программа?
@farkhadf.hasanov
@farkhadf.hasanov Рік тому
VS code
@user-pi3cl9mv5k
@user-pi3cl9mv5k Рік тому
Английский учить! Маарджин
ШАХТАР - ДИНАМО. КОМЕНТУВАННЯ. УПЛ. 28 ТУР
4:04:31
📌 Вливайся в IT❗1️⃣ Основы PHP от ПРАКТИКА (10+ лет) без боли за час #азы #php
51:10
Программирование на PHP на iZi / Уроки / Разборы
Переглядів 1,1 тис.
CSS. Урок 13.  margin & padding
7:35
LessonWeb
Переглядів 9 тис.
Главная загадка квантовой механики
33:00
Задний двор Айлашкерского
Переглядів 28 тис.