Тёмный

CSS3 #5 Каскадность и наследование (Cascading & Inheritance) 

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

#YauhenK #webDev #CSS #CSS3
Всех приветствую в курсе «CSS3».
В данном видеокурсе мы с вами рассмотрим CSS, или каскадных таблиц стилей. Начнём с основ: простые и составные селектора, псевдоклассы и псевдоэлементы, позиционирование, блочная модель и т.д. А так же разберём свойства добавленные в третьей версии спецификации: границы и скругления, тени, градиенты, фильтры, трансформации, анимации, плавные переходы и т.д. По окончанию курса вы получите отличную теоретическую базу для создания полноценных статичных веб-страниц.
✒ Репозиторий курса:
✔ Normalize CSS or CSS Reset?!: github.com/YauhenKavalchuk/css3
✒ Полезные ссылки:
✔ / normalize-css-or-css-r...
✒ Полный список готовых и планируемых курсов:
✔ 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...

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

 

2 дек 2020

Поделиться:

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 49   
@inotak
@inotak 12 дней назад
Отлично обьяснил и наглядно все. Спасибо!
@YauhenKavalchuk
@YauhenKavalchuk 12 дней назад
Пожалуйста
@user-yf3rw7cp3g
@user-yf3rw7cp3g 3 года назад
Спасибо за видео.
@YauhenKavalchuk
@YauhenKavalchuk 3 года назад
Пожалуйста
@olehyefimenko6693
@olehyefimenko6693 Год назад
Спасибо за курс и проделанную тобой работу! Благодаря твоим курсам узнал много нового! Ну а с моей стороны - лайк, подписка, комментарий!
@YauhenKavalchuk
@YauhenKavalchuk Год назад
👍
@yevhenkorotych6038
@yevhenkorotych6038 Год назад
Спасибо за урок.
@YauhenKavalchuk
@YauhenKavalchuk Год назад
Пожалуйста
@grom11414
@grom11414 2 года назад
спасибо за видеоуроки, очень классные!
@YauhenKavalchuk
@YauhenKavalchuk 2 года назад
Спасибо за отзыв
@donstacky
@donstacky Год назад
Класс 👍
@YauhenKavalchuk
@YauhenKavalchuk Год назад
👍
@aleksandrkozowski9717
@aleksandrkozowski9717 3 месяца назад
Пушка
@YauhenKavalchuk
@YauhenKavalchuk 3 месяца назад
Спасибо за поддержку
@sergeyshestakov607
@sergeyshestakov607 Год назад
Спасибо помогло
@YauhenKavalchuk
@YauhenKavalchuk Год назад
Пожалуйста
@nouchance
@nouchance 3 года назад
comment#2 удачи тебе бро !
@YauhenKavalchuk
@YauhenKavalchuk 3 года назад
Спасибо)
@user-ly9pl3yt5o
@user-ly9pl3yt5o 2 года назад
Спасибо за видео и в целом за те курсы, которые вы даете! Вы протоптали мне путь в WenDev) Правильно ли я понял, что при подключении Normalize, мой проект становится кроссбраузерным, а себя я могу считать специалистом, который обладает навыками кроссбраузерной верстки?))
@YauhenKavalchuk
@YauhenKavalchuk 2 года назад
Естественно нет, это базовое начало ТОЛЬКО чтобы на первых этапах сделать всё верно
@fredishernandez8205
@fredishernandez8205 3 года назад
Hi!!! Good Morning!!! First coment
@YauhenKavalchuk
@YauhenKavalchuk 3 года назад
Thanks
@Strochkin
@Strochkin Год назад
Доходчиво!
@YauhenKavalchuk
@YauhenKavalchuk Год назад
👍
@Signtone
@Signtone 3 года назад
А что по итогу подключают чаще reset или normalize? Или их вместе используют, а если так то в каком порядке подключать?
@YauhenKavalchuk
@YauhenKavalchuk 3 года назад
Сейчас чаще используют Normalize. Оба подключать не нужно!
@novikov-pavel
@novikov-pavel Год назад
@@YauhenKavalchuk а почему не ресет? Ведь потом придётся смотреть где в нормалайз отступы и их переопределять. Особенно актуально при пиксел верфект верстке...
@none1307
@none1307 3 года назад
Для продвижения.
@YauhenKavalchuk
@YauhenKavalchuk 3 года назад
👍
@user-gx4kz9bb7q
@user-gx4kz9bb7q Год назад
Спасибо за видео! Скажите, правильно ли понимаю, что файлы normalize/reset лучше всегда подключать для любого сайта?
@YauhenKavalchuk
@YauhenKavalchuk Год назад
Да. Только не оба сразу, а выбираете что-то одно
@VladyslavZubko69
@VladyslavZubko69 3 года назад
Не соглашусь, что ресет или нормалайз используются "чтобы начать основную верстку" Как по мне наоборот, сейчас все стараются от этого отказываться. В последнее время всё больше пишут на компонентном подходе. И когда стоит вопрос переиспользования компонентов в другом проекте - откуда мы можем знать, если там нормалайз, ресет или вроде того. Гораздо профитней описать все стили Кстати, если вы будете это понимать и скажете на собеседовании, вам будет большое плюсик. Если компания конечно тоже это понимает 🙂
@YauhenKavalchuk
@YauhenKavalchuk 3 года назад
В данном курсе не идёт речь о компонентном подходе, здесь говорится о стилизации компонента в целом. Не знаю как в других компаниях, но за последние 7-8 проекторы я ни разу не видел, что бы не использовался Normalize, или Reset. Хотя, Reset видел очень редко
@novikov-pavel
@novikov-pavel Год назад
Есть стили в бутстрапе, конфликтующие с моим цсс. В итоге без импортант не обойтись. У бутстрапа какой-то наивысший приоритет?
@YauhenKavalchuk
@YauhenKavalchuk Год назад
Нет, проверьте порядок подключения - ваши стили должны быть подключены после bootstrap
@My-video123
@My-video123 3 года назад
Я могу импортировать в таблицу и ресет\нормалайз и шрифты от гугл одновременно ? Спасибо
@YauhenKavalchuk
@YauhenKavalchuk 3 года назад
Конечно, нормалайз/ресет никак не повлияет на подключение шрифтов
@user-ks9di1wf7h
@user-ks9di1wf7h 2 года назад
разве id не должны быть уникальны? (речь идет про дублирование id="style2")
@YauhenKavalchuk
@YauhenKavalchuk 2 года назад
Верно, Id должны быть уникальны. В уроке - это чисто пример
@user-ks9di1wf7h
@user-ks9di1wf7h 2 года назад
@@YauhenKavalchuk а что происходит в случае дублирования id в плане правильности применения стилей? Или правило не жесткое и не приводит к "исключениям/ошибкам"?
@YauhenKavalchuk
@YauhenKavalchuk 2 года назад
Использовать повторяющийся Id это не верно с точки зрения семантики. Валидировать выкинет ошибку
@avinadevil6097
@avinadevil6097 2 года назад
Зачем знать то, что не используется? 7:38
@YauhenKavalchuk
@YauhenKavalchuk 2 года назад
Для легаси случаев
@WhiteHeterosexualMenHere
@WhiteHeterosexualMenHere Год назад
ссылку на статью не нашёл((
@YauhenKavalchuk
@YauhenKavalchuk Год назад
Добавил
@WhiteHeterosexualMenHere
@WhiteHeterosexualMenHere Год назад
@@YauhenKavalchuk спасибо и то много мнений не могу понять какое использовать
@user-ly6zu1pm6x
@user-ly6zu1pm6x 3 года назад
сложная тема...
@YauhenKavalchuk
@YauhenKavalchuk 3 года назад
Главное разобраться, потом будет легче)
@nuttyNat
@nuttyNat 3 года назад
Очень :D
Далее
ДЖОНИ КИНУЛ ОСКАРА НА БАБКИ 🤑
01:00
Whyyy? 😭 #shorts by Leisi_family
00:15
Просмотров 3 млн
PX, EM, REM - Единицы измерения в CSS
15:03
ДЖОНИ КИНУЛ ОСКАРА НА БАБКИ 🤑
01:00