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