Тёмный

CSS3 #7 Позиционирование и размеры (Positioning & Sizing) 

webDev
Подписаться 117 тыс.
Просмотров 20 тыс.
50% 1

#YauhenK #webDev #CSS #CSS3
Всех приветствую в курсе «CSS3».
В данном видеокурсе мы с вами рассмотрим CSS, или каскадных таблиц стилей. Начнём с основ: простые и составные селектора, псевдоклассы и псевдоэлементы, позиционирование, блочная модель и т.д. А так же разберём свойства добавленные в третьей версии спецификации: границы и скругления, тени, градиенты, фильтры, трансформации, анимации, плавные переходы и т.д. По окончанию курса вы получите отличную теоретическую базу для создания полноценных статичных веб-страниц.
✒ Репозиторий курса:
✔ github.com/YauhenKavalchuk/css3
✒ Полный список готовых и планируемых курсов:
✔ Trello: trello.com/b/R6rD7qq8
✒ Автор курса:
✔ RU-vid: / yauhenkavalchuk
✔ Instagram: / yauhenkavalchuk
✔ Twitter: / yauhenkavalchuk
✔ VK: YauhenKavalchuk
✔ LinkedIn: / yauhenkavalchuk
✔ GitHub: github.com/YauhenKavalchuk
✔ VK (Группа): webdevcom
✒ Поддержать развитие канала: github.com/YauhenKavalchuk/yo...

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

 

9 дек 2020

Поделиться:

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 62   
@meliodass4762
@meliodass4762 3 года назад
Супер!! Самые понятливые уроки по css, а главное бесплатные) Спасибо тебе за то, что стараешься для нас!)
@YauhenKavalchuk
@YauhenKavalchuk 3 года назад
Спасибо большое за отзыв)
@nuttyNat
@nuttyNat 3 года назад
Уроки понятливые, а ученики - не оч :D
@MrPResZ
@MrPResZ Год назад
Обучаюсь на курсах. Решил некоторые моменты повторить и закрепить. Смотрел кучу разных каналов. Но сейчас вот залип на вашем. Отличная подача и замечательный подбор материала под такие небольшие уроки. Спасибо вам. Чувствую весь ваш канал будет просмотрен! Очень приятно смотреть слушать и учиться с вами!
@YauhenKavalchuk
@YauhenKavalchuk Год назад
Спасибо большое за отзыв
@EugenySubbotin
@EugenySubbotin Год назад
крутая фишка sticky! мне понравилось! Курс - шикарный! так можно и продвинутым стать!
@YauhenKavalchuk
@YauhenKavalchuk Год назад
👍
@earnlem
@earnlem 3 года назад
Лучший канал о веб разработке! Огромное спасибо!
@YauhenKavalchuk
@YauhenKavalchuk 3 года назад
И вам спасибо за поддержку
@mr.warpunch6007
@mr.warpunch6007 Год назад
Зашел посмотреть один видеоролик о Tailwind, и уже просмотрел курс по html, и начал смотреть по CSS, спасибо автору, отличная подача
@YauhenKavalchuk
@YauhenKavalchuk Год назад
Спасибо большое за отзыв
@vitodeco1968
@vitodeco1968 Год назад
Как всегда очень хорошее объяснение материала. Спасибо большое.
@YauhenKavalchuk
@YauhenKavalchuk Год назад
Пожалуйста
@arturkhalkhalyan6792
@arturkhalkhalyan6792 Год назад
Самое понятное объяснение во всем рунете
@YauhenKavalchuk
@YauhenKavalchuk Год назад
Спасибо
@intro_true
@intro_true Год назад
Непростительно мало подписчиков для такого крутого канала!💫💫💫
@YauhenKavalchuk
@YauhenKavalchuk Год назад
Сам в шоке)
@eugenia9999
@eugenia9999 3 года назад
Благодарствую !!)) сейчас чаёк заварю и надо глянуть!!))
@YauhenKavalchuk
@YauhenKavalchuk 3 года назад
Пожалуйста)
@ToyTrexx
@ToyTrexx 2 года назад
великолепные уроки )
@YauhenKavalchuk
@YauhenKavalchuk 2 года назад
Благодарю
@rimavedeckiene2203
@rimavedeckiene2203 9 месяцев назад
super, all is very clear:) Thanks
@YauhenKavalchuk
@YauhenKavalchuk 9 месяцев назад
You’re welcome
@olehyefimenko6693
@olehyefimenko6693 Год назад
Спасибо за курс и проделанную тобой работу! Благодаря твоим курсам узнал много нового! Ну а с моей стороны - лайк, подписка, комментарий!
@YauhenKavalchuk
@YauhenKavalchuk Год назад
Спасибо за поддержку
@WooDtv1000
@WooDtv1000 Год назад
Спасибо большое, очень помог!!!
@YauhenKavalchuk
@YauhenKavalchuk Год назад
пожалуйста
@crafters2454
@crafters2454 Год назад
Спасибо за урок!!!]
@YauhenKavalchuk
@YauhenKavalchuk Год назад
Пожалуйста
@romandavydov3738
@romandavydov3738 Год назад
Very good!
@YauhenKavalchuk
@YauhenKavalchuk Год назад
Thanks
@dmitryklyushentsev1228
@dmitryklyushentsev1228 3 года назад
Вот бы на новый год весь курс получить 😉
@YauhenKavalchuk
@YauhenKavalchuk 3 года назад
Курс закончится в феврале. Но есть ранний доступ, ссылка в описании
@user-xd7vj5cf9f
@user-xd7vj5cf9f 3 года назад
Очень очень круто
@YauhenKavalchuk
@YauhenKavalchuk 3 года назад
Спасибо
@malyna
@malyna 3 года назад
Спасибо!
@YauhenKavalchuk
@YauhenKavalchuk 3 года назад
Пожалуйста
@mishaskiopu5
@mishaskiopu5 2 года назад
you are the best !
@YauhenKavalchuk
@YauhenKavalchuk 2 года назад
Thanks
@user-du3iq3wl1w
@user-du3iq3wl1w Год назад
Спасибо огромное за раскрытие такой важной темы! Скажите, пожалуйста, можно ли позиционировать элементы не с помощью relative и absolute, а чего-то другого, более адаптивного? А то у меня получается так: когда выбираю другой гаджет, то что задано с помощью relative и absolute плывет. Не могу найти инфо, как это исправить или чем заменить. Один из примеров, где я применила position relative и absolute, это заголовок (position relative), в котором под некоторыми словами идет подчеркивание, как мазок кистью (position absolute). Подскажите, пожалуйста, как быть.
@YauhenKavalchuk
@YauhenKavalchuk Год назад
Позицианирование не адаптивно. Если вам нужна гибкость, то лучше использовать выравнивание через CSS Flexbox, или CSS Grid. Это на много лучше и более гибко, чем позиционирование
@aleksandrkozowski9717
@aleksandrkozowski9717 3 месяца назад
Пушечка
@YauhenKavalchuk
@YauhenKavalchuk 3 месяца назад
Спасибо
@none1307
@none1307 3 года назад
Для продвижения.
@YauhenKavalchuk
@YauhenKavalchuk 3 года назад
👍
@nickua3706
@nickua3706 2 года назад
Евгений есть вопросы. Есть блок в котором логотип, заголовок и подзаголовок все по горизонтали. Как выровнять текст по центру блока По умолчанию текст выровняется по низу блока.
@YauhenKavalchuk
@YauhenKavalchuk 2 года назад
Можно использовать vertical-alignment, а можно и flexbox, со свойством align-items
@nickua3706
@nickua3706 2 года назад
@@YauhenKavalchuk Спасибо за ответ, делал с vertical-align и приходилось подбирать вручную по пикселям, а flexbox сейчас попробую, Спасибо!
@atlasua2021
@atlasua2021 2 года назад
У меня непонятный отступ снизу-верху текста. line-height: (тут значение должно быть меньше размера текста, если = размер текста, всё ровно есть отступ); Может это быть из за текста?
@atlasua2021
@atlasua2021 2 года назад
Это всё из за шрифта) бывают странные шрифты.
@YauhenKavalchuk
@YauhenKavalchuk 2 года назад
👍 хорошо что разобрались
@donstacky
@donstacky Год назад
А я то думаю, как это рекламные баннеры за мной по странице бегают 😃
@YauhenKavalchuk
@YauhenKavalchuk Год назад
😁
@13babyearth
@13babyearth Год назад
достаточно непростая тема, имхо мне как-то не хватило. хотелось бы более въедливо, хотя сама концепция понятна. спасибо!
@YauhenKavalchuk
@YauhenKavalchuk Год назад
Пожалуйста
@VladyslavZubko69
@VladyslavZubko69 3 года назад
А что не так с поддержкой стики? 🤔 caniuse.com/css-sticky
@YauhenKavalchuk
@YauhenKavalchuk 3 года назад
Не смотря на поддержку в 95% ограничения есть даже в хроме. А очень часто, стики функциональность хотят видеть именно в таблицах. Да и поддержка в мобильных браузерах оставляет желать лучшего. Всё-таки для production проектов ещё сыровато
@idrisismailov7789
@idrisismailov7789 2 года назад
why doesn't it work for me bottom: 0;
@YauhenKavalchuk
@YauhenKavalchuk 2 года назад
No ideas, I don’t see your code examples
@sanzhartolendi9823
@sanzhartolendi9823 3 года назад
Я один не понимаю для чего это?
@YauhenKavalchuk
@YauhenKavalchuk 3 года назад
Это основы. При изучении алфавита, или таблицы умножения вы такие же вопросы задавали?
@sugardid
@sugardid 3 года назад
что ты делаешь на этом канале?
Далее
Кеды из СССР «Два Мяча»
00:58
Просмотров 196 тыс.
Learn CSS Position In 9 Minutes
9:26
Просмотров 1,9 млн