CSS3 #6 Блочная модель и отступы (Box Model, Padding & Margin)
HTML-код
- Опубликовано: 7 дек 2020
- #YauhenK #webDev #CSS #CSS3
Всех приветствую в курсе «CSS3».
В данном видеокурсе мы с вами рассмотрим CSS, или каскадных таблиц стилей. Начнём с основ: простые и составные селектора, псевдоклассы и псевдоэлементы, позиционирование, блочная модель и т.д. А так же разберём свойства добавленные в третьей версии спецификации: границы и скругления, тени, градиенты, фильтры, трансформации, анимации, плавные переходы и т.д. По окончанию курса вы получите отличную теоретическую базу для создания полноценных статичных веб-страниц.
✒ Репозиторий курса:
✔ github.com/YauhenKavalchuk/css3
✒ Полный список готовых и планируемых курсов:
✔ Trello: trello.com/b/R6rD7qq8
✒ Автор курса:
✔ RUclips: / yauhenkavalchuk
✔ Instagram: / yauhenkavalchuk
✔ Twitter: / yauhenkavalchuk
✔ VK: YauhenKavalchuk
✔ LinkedIn: / yauhenkavalchuk
✔ GitHub: github.com/YauhenKavalchuk
✔ VK (Группа): webdevcom
✒ Поддержать развитие канала: github.com/YauhenKavalchuk/yo...
спасибо за видео) все доступно понятно, без '''воды''
Всегда пожалуйста
Если рай существует, Женя, ты туда попадешь без очереди.
Пс. После CCS нужен курс по Гиту, во это тема была бы. У Минина есть, но там как обычно..
Спасибо за отзыв. Git есть в планах, пока думаю над идеей реализации
Евгений, благодарю за очередной урок. Вас очень приятно смотреть и слушать. Ваша речь очень продуманна и чиста, ни одного лишнего слова🙂
Спасибо большое
про блочную модель подробно, полно и ничего лишнего! шикарные уроки!
👍
Суперинформативно! Спасибо Женя
Пожалуйста)
Спасибо за лучшие курсы по фронтенду на ру ютубе!
Очень понятно и качественно все организованно.
4:04 перепутаны цвета бордер и марджин. Бордер красный, а не желтый. А марджин желтый, а не красный)
Спасибо за отзыв. Да нет, всё верно сказал. Это я имел ввиду блочную модель
Так тайминг 4:04
Это пасхалка :D
Спасибо за урок! Все четко и по полочкам!
Пожалуйста
Спасибо! Полезно повторить!
👍
Приветствуем, Евгений !!)) спасибо огромное за видео!!))
Пожалуйста)
Наконец то,нашел человека который правильно объясняет ,слава богам).Да без понимания блочной модели ты верстать не сможешь,это как воздух, это самый главный аспект для верстальщика.
👍
С каждым уроком чувствую себя все более уверенным в себе маслёнком 💪
👍
Спасибо за курс и проделанную тобой работу! Благодаря твоим курсам узнал много нового! Ну а с моей стороны - лайк, подписка, комментарий!
👍
Лайк за труд
Спасибо
Просто лучший! Лайкосик +666💪✊👍
Спасибо)
Спасибо за урок! Скажи пожалуйста(Вопрос не по теме), только начинаю изучать css , можешь посоветовать примеры простых сайтов которые можно сверстать самому ,чтобы понимать как все это работает.
Да просто введите webpage PSD Free templates, выбирайте что вам нравится и верстайте
@@YauhenKavalchuk спасибо)
Интересно! Получается, разница в box model - это у кого больший приоритет в плане сохранения заданного размера? В одном случае - приоритет border, в другом - content?
Нет, это свойство которое помогает задать алгоритм рассчёта размеров
Very difficult ..I did't undestand this lesson😢😢 I will tray tomorrow,becose it's important!
Good luck
8:33 очень странно, я проверил в Хроме и ФФ, по умолчанию у меня показывает border-box, а не content-box.
Возможно в новых версиях браузеров свойство изменили
Не до конца понял про инлайн-блок. Зачем элетементу придавать такое свойство? В чем преимущество инлайна перед блоком в данном случае? Чтобы он не занимал всю строчку но мог иметь отступы снизу и сверху?
С помощью инлайн-блок можно например несколько div отобразить на одной линии, т.е. в строку
5:07 у обеих margin по 10 px что значит большему marginy?
То есть, если два элемента с разными margin стоят рядом.
То суммарное расстояние между ними будет равно большему margin. И следующим примером я это показываю
Пуля
Спасибо за отзыв
не понятно зачем так много различных отступов для элемента.
Как только начнёте верстать самостоятельно, всё сразу станет на свои места. Лишних элементов нет, каждый нужен для конкретных визуальных целей
@@YauhenKavalchuk а как понять когда начинать верстать? После изучения Ваших курсов html, css basic получиться сверстать что то похожее на сайт? Сейчас я понимаю, что мне недостаточно знаний что бы сверстать что тот похожее на сайт.