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

  Рет қаралды 18,563

webDev

webDev

3 жыл бұрын

#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
✒ Автор курса:
✔ KZfaq: / yauhenkavalchuk
✔ Instagram: / yauhenkavalchuk
✔ Twitter: / yauhenkavalchuk
✔ VK: YauhenKavalchuk
✔ LinkedIn: / yauhenkavalchuk
✔ GitHub: github.com/YauhenKavalchuk
✔ VK (Группа): webdevcom
✒ Поддержать развитие канала: github.com/YauhenKavalchuk/yo...

Пікірлер: 47
@user-yf3rw7cp3g
@user-yf3rw7cp3g 3 жыл бұрын
Спасибо за видео.
@YauhenKavalchuk
@YauhenKavalchuk 3 жыл бұрын
Пожалуйста
@yevhenkorotych6038
@yevhenkorotych6038 Жыл бұрын
Спасибо за урок.
@YauhenKavalchuk
@YauhenKavalchuk Жыл бұрын
Пожалуйста
@olehyefimenko6693
@olehyefimenko6693 Жыл бұрын
Спасибо за курс и проделанную тобой работу! Благодаря твоим курсам узнал много нового! Ну а с моей стороны - лайк, подписка, комментарий!
@YauhenKavalchuk
@YauhenKavalchuk Жыл бұрын
👍
@grom11414
@grom11414 2 жыл бұрын
спасибо за видеоуроки, очень классные!
@YauhenKavalchuk
@YauhenKavalchuk 2 жыл бұрын
Спасибо за отзыв
@Signtone
@Signtone 3 жыл бұрын
А что по итогу подключают чаще reset или normalize? Или их вместе используют, а если так то в каком порядке подключать?
@YauhenKavalchuk
@YauhenKavalchuk 3 жыл бұрын
Сейчас чаще используют Normalize. Оба подключать не нужно!
@novikov-pavel
@novikov-pavel Жыл бұрын
@@YauhenKavalchuk а почему не ресет? Ведь потом придётся смотреть где в нормалайз отступы и их переопределять. Особенно актуально при пиксел верфект верстке...
@user-ly9pl3yt5o
@user-ly9pl3yt5o 2 жыл бұрын
Спасибо за видео и в целом за те курсы, которые вы даете! Вы протоптали мне путь в WenDev) Правильно ли я понял, что при подключении Normalize, мой проект становится кроссбраузерным, а себя я могу считать специалистом, который обладает навыками кроссбраузерной верстки?))
@YauhenKavalchuk
@YauhenKavalchuk 2 жыл бұрын
Естественно нет, это базовое начало ТОЛЬКО чтобы на первых этапах сделать всё верно
@donstacky
@donstacky Жыл бұрын
Класс 👍
@YauhenKavalchuk
@YauhenKavalchuk Жыл бұрын
👍
@user-gx4kz9bb7q
@user-gx4kz9bb7q Жыл бұрын
Спасибо за видео! Скажите, правильно ли понимаю, что файлы normalize/reset лучше всегда подключать для любого сайта?
@YauhenKavalchuk
@YauhenKavalchuk Жыл бұрын
Да. Только не оба сразу, а выбираете что-то одно
@aleksandrkozowski9717
@aleksandrkozowski9717 3 ай бұрын
Пушка
@YauhenKavalchuk
@YauhenKavalchuk 3 ай бұрын
Спасибо за поддержку
@nouchance
@nouchance 3 жыл бұрын
comment#2 удачи тебе бро !
@YauhenKavalchuk
@YauhenKavalchuk 3 жыл бұрын
Спасибо)
@sergeyshestakov607
@sergeyshestakov607 Жыл бұрын
Спасибо помогло
@YauhenKavalchuk
@YauhenKavalchuk Жыл бұрын
Пожалуйста
@Strochkin
@Strochkin Жыл бұрын
Доходчиво!
@YauhenKavalchuk
@YauhenKavalchuk Жыл бұрын
👍
@novikov-pavel
@novikov-pavel Жыл бұрын
Есть стили в бутстрапе, конфликтующие с моим цсс. В итоге без импортант не обойтись. У бутстрапа какой-то наивысший приоритет?
@YauhenKavalchuk
@YauhenKavalchuk Жыл бұрын
Нет, проверьте порядок подключения - ваши стили должны быть подключены после bootstrap
@My-video123
@My-video123 3 жыл бұрын
Я могу импортировать в таблицу и ресет\нормалайз и шрифты от гугл одновременно ? Спасибо
@YauhenKavalchuk
@YauhenKavalchuk 3 жыл бұрын
Конечно, нормалайз/ресет никак не повлияет на подключение шрифтов
@none1307
@none1307 3 жыл бұрын
Для продвижения.
@YauhenKavalchuk
@YauhenKavalchuk 3 жыл бұрын
👍
@fredishernandez8205
@fredishernandez8205 3 жыл бұрын
Hi!!! Good Morning!!! First coment
@YauhenKavalchuk
@YauhenKavalchuk 3 жыл бұрын
Thanks
@VladyslavZubko69
@VladyslavZubko69 3 жыл бұрын
Не соглашусь, что ресет или нормалайз используются "чтобы начать основную верстку" Как по мне наоборот, сейчас все стараются от этого отказываться. В последнее время всё больше пишут на компонентном подходе. И когда стоит вопрос переиспользования компонентов в другом проекте - откуда мы можем знать, если там нормалайз, ресет или вроде того. Гораздо профитней описать все стили Кстати, если вы будете это понимать и скажете на собеседовании, вам будет большое плюсик. Если компания конечно тоже это понимает 🙂
@YauhenKavalchuk
@YauhenKavalchuk 3 жыл бұрын
В данном курсе не идёт речь о компонентном подходе, здесь говорится о стилизации компонента в целом. Не знаю как в других компаниях, но за последние 7-8 проекторы я ни разу не видел, что бы не использовался Normalize, или Reset. Хотя, Reset видел очень редко
@user-ks9di1wf7h
@user-ks9di1wf7h 2 жыл бұрын
разве id не должны быть уникальны? (речь идет про дублирование id="style2")
@YauhenKavalchuk
@YauhenKavalchuk 2 жыл бұрын
Верно, Id должны быть уникальны. В уроке - это чисто пример
@user-ks9di1wf7h
@user-ks9di1wf7h 2 жыл бұрын
@@YauhenKavalchuk а что происходит в случае дублирования id в плане правильности применения стилей? Или правило не жесткое и не приводит к "исключениям/ошибкам"?
@YauhenKavalchuk
@YauhenKavalchuk 2 жыл бұрын
Использовать повторяющийся Id это не верно с точки зрения семантики. Валидировать выкинет ошибку
@WhiteHeterosexualMenHere
@WhiteHeterosexualMenHere Жыл бұрын
ссылку на статью не нашёл((
@YauhenKavalchuk
@YauhenKavalchuk Жыл бұрын
Добавил
@WhiteHeterosexualMenHere
@WhiteHeterosexualMenHere Жыл бұрын
@@YauhenKavalchuk спасибо и то много мнений не могу понять какое использовать
@avinadevil6097
@avinadevil6097 2 жыл бұрын
Зачем знать то, что не используется? 7:38
@YauhenKavalchuk
@YauhenKavalchuk 2 жыл бұрын
Для легаси случаев
@user-ly6zu1pm6x
@user-ly6zu1pm6x 3 жыл бұрын
сложная тема...
@YauhenKavalchuk
@YauhenKavalchuk 3 жыл бұрын
Главное разобраться, потом будет легче)
@nuttyNat
@nuttyNat 3 жыл бұрын
Очень :D
¡Puaj! No comas piruleta sucia, usa un gadget 😱 #herramienta
00:30
JOON Spanish
Рет қаралды 23 МЛН
Каскадность и специфичность CSS | CSS для Профи
26:08
Андрей Андриевский
Рет қаралды 42 М.
6 полезных свойств CSS за 10 минут!
10:19
PurpleSchool | Anton Larichev
Рет қаралды 23 М.
PX, EM, REM - Единицы измерения в CSS
15:03
BrainsCloud
Рет қаралды 32 М.