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

#YauhenK #webDev #CSS #CSS3
Всех приветствую в курсе «CSS3».
В данном видеокурсе мы с вами рассмотрим CSS, или каскадных таблиц стилей. Начнём с основ: простые и составные селектора, псевдоклассы и псевдоэлементы, позиционирование, блочная модель и т.д. А так же разберём свойства добавленные в третьей версии спецификации: границы и скругления, тени, градиенты, фильтры, трансформации, анимации, плавные переходы и т.д. По окончанию курса вы получите отличную теоретическую базу для создания полноценных статичных веб-страниц.
✒ Репозиторий курса:
✔ Normalize CSS or CSS Reset?!: github.com/Yau...
✒ Полезные ссылки:
✔ / normalize-css-or-css-r...
✒ Полный список готовых и планируемых курсов:
✔ Trello: trello.com/b/R...
✒ Автор курса:
✔ KZbin: / yauhenkavalchuk
✔ Instagram: / yauhenkavalchuk
✔ Twitter: / yauhenkavalchuk
✔ VK: YauhenK...
✔ LinkedIn: / yauhenkavalchuk
✔ GitHub: github.com/Yau...
✔ VK (Группа): webdevcom
✒ Поддержать развитие канала: github.com/Yau...

[@MargoUp]

Очень доступно объясняете, у вас талант

[@YauhenKavalchuk]

Спасибо

[@inotak]

Отлично обьяснил и наглядно все. Спасибо!

[@YauhenKavalchuk]

Пожалуйста

[@askarkerimaliev389]

привет, хотел бы дополнить кое что. вы сказали про Priority Factors: это важность (importance), специфичность(specifity) и порядок в документе (source order). мне кажется тут немного ошибка: Браузер проверяет три параметра: порядок (importance) , специфичность(specifity) и источник(source order). Источник стилей(source order) - авторские(сам developer), пользовательские (user который сам задал например шрифт на компе) и браузерные (браузер сам ставит по дефолту) (по приоритету ранжирован - авторские наиболее приоритетные). специфичность(specifity) - все ок. далее порядок (importance) - последний показатель при определении каскадности. Если источник(source order) и уровень специфичности одинаковы(specifity), то объявление, которое указано позже в таблице стилей или находится в таблице стилей, на которую ссылаются на странице позже, имеет больший приоритет, это как раз и важность, по другому - importance. если я не прав, напишите. итого по приорирету: 1. importance ( порядок) 2. специфичность(specifity) 3. Источник стилей(source order)

[@olehyefimenko6693]

Спасибо за курс и проделанную тобой работу! Благодаря твоим курсам узнал много нового! Ну а с моей стороны - лайк, подписка, комментарий!

[@YauhenKavalchuk]

👍

[@МихаилВолохов-е7ф]

Спасибо за видео.

[@YauhenKavalchuk]

Пожалуйста

[@aleksandrkozowski9717]

Пушка

[@YauhenKavalchuk]

Спасибо за поддержку

[@grom11414]

спасибо за видеоуроки, очень классные!

[@YauhenKavalchuk]

Спасибо за отзыв

[@yevhenkorotych6038]

Спасибо за урок.

[@YauhenKavalchuk]

Пожалуйста

[@donstacky]

Класс 👍

[@YauhenKavalchuk]

👍

[@Signtone]

А что по итогу подключают чаще reset или normalize? Или их вместе используют, а если так то в каком порядке подключать?

[@YauhenKavalchuk]

Сейчас чаще используют Normalize. Оба подключать не нужно!

[@novikov-pavel]

@@YauhenKavalchuk а почему не ресет? Ведь потом придётся смотреть где в нормалайз отступы и их переопределять. Особенно актуально при пиксел верфект верстке...

[@none1307]

Для продвижения.

[@YauhenKavalchuk]

👍

[@СергейГуляев-о3п]

Спасибо за видео и в целом за те курсы, которые вы даете! Вы протоптали мне путь в WenDev) Правильно ли я понял, что при подключении Normalize, мой проект становится кроссбраузерным, а себя я могу считать специалистом, который обладает навыками кроссбраузерной верстки?))

[@YauhenKavalchuk]

Естественно нет, это базовое начало ТОЛЬКО чтобы на первых этапах сделать всё верно

[@sergeyshestakov607]

Спасибо помогло

[@YauhenKavalchuk]

Пожалуйста

[@nouchance]

comment#2 удачи тебе бро !

[@YauhenKavalchuk]

Спасибо)

[@fredishernandez8205]

Hi!!! Good Morning!!! First coment

[@YauhenKavalchuk]

Thanks

[@VladyslavZubko69]

Не соглашусь, что ресет или нормалайз используются "чтобы начать основную верстку" Как по мне наоборот, сейчас все стараются от этого отказываться. В последнее время всё больше пишут на компонентном подходе. И когда стоит вопрос переиспользования компонентов в другом проекте - откуда мы можем знать, если там нормалайз, ресет или вроде того. Гораздо профитней описать все стили Кстати, если вы будете это понимать и скажете на собеседовании, вам будет большое плюсик. Если компания конечно тоже это понимает 🙂

[@YauhenKavalchuk]

В данном курсе не идёт речь о компонентном подходе, здесь говорится о стилизации компонента в целом. Не знаю как в других компаниях, но за последние 7-8 проекторы я ни разу не видел, что бы не использовался Normalize, или Reset. Хотя, Reset видел очень редко

[@ВикторияФролова-х4ъ]

Спасибо за видео! Скажите, правильно ли понимаю, что файлы normalize/reset лучше всегда подключать для любого сайта?

[@YauhenKavalchuk]

Да. Только не оба сразу, а выбираете что-то одно

[@Strochkin]

Доходчиво!

[@YauhenKavalchuk]

👍

[@novikov-pavel]

Есть стили в бутстрапе, конфликтующие с моим цсс. В итоге без импортант не обойтись. У бутстрапа какой-то наивысший приоритет?

[@YauhenKavalchuk]

Нет, проверьте порядок подключения - ваши стили должны быть подключены после bootstrap

[@My-video123]

Я могу импортировать в таблицу и ресет\нормалайз и шрифты от гугл одновременно ? Спасибо

[@YauhenKavalchuk]

Конечно, нормалайз/ресет никак не повлияет на подключение шрифтов

[@СупремумЭКО-СНПФ]

разве id не должны быть уникальны? (речь идет про дублирование id="style2")

[@YauhenKavalchuk]

Верно, Id должны быть уникальны. В уроке - это чисто пример

[@СупремумЭКО-СНПФ]

@@YauhenKavalchuk а что происходит в случае дублирования id в плане правильности применения стилей? Или правило не жесткое и не приводит к "исключениям/ошибкам"?

[@YauhenKavalchuk]

Использовать повторяющийся Id это не верно с точки зрения семантики. Валидировать выкинет ошибку

[@avinadevil6097]

Зачем знать то, что не используется? 7:38

[@YauhenKavalchuk]

Для легаси случаев

[@ДмитрийВ-т2ц]

сложная тема...

[@YauhenKavalchuk]

Главное разобраться, потом будет легче)

[@наташа-картошкина]

Очень :D

[@WhiteHeterosexualMenHere]

ссылку на статью не нашёл((

[@YauhenKavalchuk]

Добавил

[@WhiteHeterosexualMenHere]

@@YauhenKavalchuk спасибо и то много мнений не могу понять какое использовать