CSS3 #7 Позиционирование и размеры (Positioning & Sizing)
#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...
Пікірлер: 62
Супер!! Самые понятливые уроки по css, а главное бесплатные) Спасибо тебе за то, что стараешься для нас!)
@YauhenKavalchuk
3 жыл бұрын
Спасибо большое за отзыв)
@nuttyNat
3 жыл бұрын
Уроки понятливые, а ученики - не оч :D
Обучаюсь на курсах. Решил некоторые моменты повторить и закрепить. Смотрел кучу разных каналов. Но сейчас вот залип на вашем. Отличная подача и замечательный подбор материала под такие небольшие уроки. Спасибо вам. Чувствую весь ваш канал будет просмотрен! Очень приятно смотреть слушать и учиться с вами!
@YauhenKavalchuk
Жыл бұрын
Спасибо большое за отзыв
крутая фишка sticky! мне понравилось! Курс - шикарный! так можно и продвинутым стать!
@YauhenKavalchuk
Жыл бұрын
👍
Зашел посмотреть один видеоролик о Tailwind, и уже просмотрел курс по html, и начал смотреть по CSS, спасибо автору, отличная подача
@YauhenKavalchuk
Жыл бұрын
Спасибо большое за отзыв
Лучший канал о веб разработке! Огромное спасибо!
@YauhenKavalchuk
3 жыл бұрын
И вам спасибо за поддержку
Как всегда очень хорошее объяснение материала. Спасибо большое.
@YauhenKavalchuk
Жыл бұрын
Пожалуйста
Самое понятное объяснение во всем рунете
@YauhenKavalchuk
Жыл бұрын
Спасибо
Непростительно мало подписчиков для такого крутого канала!💫💫💫
@YauhenKavalchuk
Жыл бұрын
Сам в шоке)
Благодарствую !!)) сейчас чаёк заварю и надо глянуть!!))
@YauhenKavalchuk
3 жыл бұрын
Пожалуйста)
великолепные уроки )
@YauhenKavalchuk
2 жыл бұрын
Благодарю
Спасибо за курс и проделанную тобой работу! Благодаря твоим курсам узнал много нового! Ну а с моей стороны - лайк, подписка, комментарий!
@YauhenKavalchuk
Жыл бұрын
Спасибо за поддержку
Очень очень круто
@YauhenKavalchuk
3 жыл бұрын
Спасибо
Спасибо большое, очень помог!!!
@YauhenKavalchuk
Жыл бұрын
пожалуйста
Вот бы на новый год весь курс получить 😉
@YauhenKavalchuk
3 жыл бұрын
Курс закончится в феврале. Но есть ранний доступ, ссылка в описании
super, all is very clear:) Thanks
@YauhenKavalchuk
10 ай бұрын
You’re welcome
Спасибо за урок!!!]
@YauhenKavalchuk
Жыл бұрын
Пожалуйста
Спасибо!
@YauhenKavalchuk
3 жыл бұрын
Пожалуйста
Very good!
@YauhenKavalchuk
Жыл бұрын
Thanks
you are the best !
@YauhenKavalchuk
3 жыл бұрын
Thanks
Для продвижения.
@YauhenKavalchuk
3 жыл бұрын
👍
Пушечка
@YauhenKavalchuk
4 ай бұрын
Спасибо
Спасибо огромное за раскрытие такой важной темы! Скажите, пожалуйста, можно ли позиционировать элементы не с помощью relative и absolute, а чего-то другого, более адаптивного? А то у меня получается так: когда выбираю другой гаджет, то что задано с помощью relative и absolute плывет. Не могу найти инфо, как это исправить или чем заменить. Один из примеров, где я применила position relative и absolute, это заголовок (position relative), в котором под некоторыми словами идет подчеркивание, как мазок кистью (position absolute). Подскажите, пожалуйста, как быть.
@YauhenKavalchuk
Жыл бұрын
Позицианирование не адаптивно. Если вам нужна гибкость, то лучше использовать выравнивание через CSS Flexbox, или CSS Grid. Это на много лучше и более гибко, чем позиционирование
Евгений есть вопросы. Есть блок в котором логотип, заголовок и подзаголовок все по горизонтали. Как выровнять текст по центру блока По умолчанию текст выровняется по низу блока.
@YauhenKavalchuk
2 жыл бұрын
Можно использовать vertical-alignment, а можно и flexbox, со свойством align-items
@nickua3706
2 жыл бұрын
@@YauhenKavalchuk Спасибо за ответ, делал с vertical-align и приходилось подбирать вручную по пикселям, а flexbox сейчас попробую, Спасибо!
У меня непонятный отступ снизу-верху текста. line-height: (тут значение должно быть меньше размера текста, если = размер текста, всё ровно есть отступ); Может это быть из за текста?
@atlasua2021
3 жыл бұрын
Это всё из за шрифта) бывают странные шрифты.
@YauhenKavalchuk
3 жыл бұрын
👍 хорошо что разобрались
А я то думаю, как это рекламные баннеры за мной по странице бегают 😃
@YauhenKavalchuk
Жыл бұрын
😁
достаточно непростая тема, имхо мне как-то не хватило. хотелось бы более въедливо, хотя сама концепция понятна. спасибо!
@YauhenKavalchuk
Жыл бұрын
Пожалуйста
А что не так с поддержкой стики? 🤔 caniuse.com/css-sticky
@YauhenKavalchuk
3 жыл бұрын
Не смотря на поддержку в 95% ограничения есть даже в хроме. А очень часто, стики функциональность хотят видеть именно в таблицах. Да и поддержка в мобильных браузерах оставляет желать лучшего. Всё-таки для production проектов ещё сыровато
why doesn't it work for me bottom: 0;
@YauhenKavalchuk
2 жыл бұрын
No ideas, I don’t see your code examples
Я один не понимаю для чего это?
@YauhenKavalchuk
3 жыл бұрын
Это основы. При изучении алфавита, или таблицы умножения вы такие же вопросы задавали?
@sugardid
3 жыл бұрын
что ты делаешь на этом канале?