Тёмный

CSS3 #2 Простые селекторы (Simple Selectors) 

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...

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

 

23 ноя 2020

Поделиться:

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 61   
@br1892
@br1892 19 дней назад
Ты лучший, благодарю )
@YauhenKavalchuk
@YauhenKavalchuk 19 дней назад
Всегда пожалуйста
@eugenia9999
@eugenia9999 3 года назад
Спасибо Вам огромное !!)) Всё по традиции на высшем уровне !!))
@YauhenKavalchuk
@YauhenKavalchuk 3 года назад
Пожалуйста)
@kiot1751
@kiot1751 2 года назад
Большое спасибо! Только начал смотреть курс, а уже столько полезной инффы для себя подчеркнул0)
@YauhenKavalchuk
@YauhenKavalchuk 2 года назад
Пожалуйста)
@aleksandrk2012
@aleksandrk2012 3 года назад
Понравилось! Просто, коротко и понятно! С нетерпением жду следующий видос. Изучаю HTML также по вашим видео, зашло!
@YauhenKavalchuk
@YauhenKavalchuk 3 года назад
Приятно слышать!
@user-ie7md3mm6x
@user-ie7md3mm6x 3 года назад
Отлично, спасибо за урок!
@YauhenKavalchuk
@YauhenKavalchuk 3 года назад
Спасибо за отзыв)
@kapibarasenpaii
@kapibarasenpaii 2 года назад
Спасибо огромное, только с ваших видео все понятно на 100% курс суперовый🙏
@YauhenKavalchuk
@YauhenKavalchuk 2 года назад
Спасибо)
@tryhardsohard11
@tryhardsohard11 9 месяцев назад
Как успехи бро?
@alaska90210
@alaska90210 3 года назад
Спасибо за урок, отлично объясняешь
@YauhenKavalchuk
@YauhenKavalchuk 3 года назад
Спасибо за отзыв
@alyamelvito9243
@alyamelvito9243 10 месяцев назад
люблю тебя, спасибо за уроки
@YauhenKavalchuk
@YauhenKavalchuk 10 месяцев назад
Всегда пожалуйста
@olehyefimenko6693
@olehyefimenko6693 Год назад
Спасибо за курс и проделанную тобой работу! Благодаря твоим курсам узнал много нового! Ну а с моей стороны - лайк, подписка, комментарий!
@YauhenKavalchuk
@YauhenKavalchuk Год назад
👍
@stasonsv52
@stasonsv52 3 года назад
Хорош выпуск!
@YauhenKavalchuk
@YauhenKavalchuk 3 года назад
Спасибо)
@dyukarewp4357
@dyukarewp4357 3 года назад
сильно помогаешь, спасибо!
@YauhenKavalchuk
@YauhenKavalchuk 3 года назад
Это радует)
@efimkapliy6370
@efimkapliy6370 2 года назад
Большое спасибо за курс!)))
@YauhenKavalchuk
@YauhenKavalchuk 2 года назад
Пожалуйста
@tryhardsohard11
@tryhardsohard11 9 месяцев назад
Как успехи бро?
@sb9185
@sb9185 3 года назад
Спасибо!
@YauhenKavalchuk
@YauhenKavalchuk 3 года назад
Пожалуйста)
@todemomsk
@todemomsk 3 года назад
Молодец
@YauhenKavalchuk
@YauhenKavalchuk 3 года назад
Благодарю
@aleksandrmatyka3118
@aleksandrmatyka3118 3 года назад
крут, ждем mongo, express, webpack в 2021)
@YauhenKavalchuk
@YauhenKavalchuk 3 года назад
подумаю...)
@Mr_Escow
@Mr_Escow 2 года назад
О боже , о боже, мои глаза, мои глаза, они открылись!!!!
@YauhenKavalchuk
@YauhenKavalchuk 2 года назад
😂
@user-xd7vj5cf9f
@user-xd7vj5cf9f 3 года назад
Огонь!
@YauhenKavalchuk
@YauhenKavalchuk 3 года назад
Спасибо
@googlofob2022
@googlofob2022 2 года назад
Ну как используешь для логики id, если тебе нужно задать логику для целого ряда однотипных кнопок?
@YauhenKavalchuk
@YauhenKavalchuk 2 года назад
Посмотрите 2-й урок. Стилизацию можно задавать по атрибутам
@googlofob2022
@googlofob2022 2 года назад
@@YauhenKavalchuk Как я понял из материала, для логики нужно использовать id. Т.е привязывать обработчики только к селекторам с идентификаторами. Или я не верно понял?
@YauhenKavalchuk
@YauhenKavalchuk 2 года назад
Если пишите JavaScript- используете id. Если CSS - классы. Но если нужна логика JS не нескольких элементов, то их можно искать и по классам
@googlofob2022
@googlofob2022 2 года назад
@@YauhenKavalchuk Я про это и хотел сказать, классы для логики обозначают префиксом 'js-', как раз для таких случаев. А из вашего видео получается однозначно: если логика, используй id, без всяких НО
@azimjonjamilovich
@azimjonjamilovich 3 года назад
как дублировать элементы, есть какие нибудь горячие клавиши?
@YauhenKavalchuk
@YauhenKavalchuk 2 года назад
Обычно для этой цели есть комбинация Cmd + D, можно настроить в любом редакторе
@SabyrzhanZhaslanuly23
@SabyrzhanZhaslanuly23 10 месяцев назад
привет, как называется тема которую ты использовал в vs code?
@YauhenKavalchuk
@YauhenKavalchuk 10 месяцев назад
Вроде Material Gecko
@SabyrzhanZhaslanuly23
@SabyrzhanZhaslanuly23 10 месяцев назад
@@YauhenKavalchuk спасибо, это она
@user-ce2zp9wz8p
@user-ce2zp9wz8p 3 года назад
Все отлично, только не селекторА, а селекторЫ
@YauhenKavalchuk
@YauhenKavalchuk 2 года назад
Да) Согласен
@calavera-skull
@calavera-skull 3 года назад
Немного непонятно про вес селектора. Точнее, вообще непонятно.
@YauhenKavalchuk
@YauhenKavalchuk 3 года назад
Так а что не понятно? Тут просто запоминать нужно. Id 100, class 10, тэг 1 и т.д. Чем больше вес, тем больше шанс, что стили описанные внутри применятся
@calavera-skull
@calavera-skull 3 года назад
@@YauhenKavalchuk если честно, вообще первый раз слышу о весе селекторов. Это приоритетность, по сути, правильно? Если так, то зачем числовые обозначения?
@YauhenKavalchuk
@YauhenKavalchuk 3 года назад
Довольно странно что вы слышите об этом впервые - это основы основ. По сути да, это приоритетность. А цифры нужны, что бы объяснить почему те, или иные стили применяются
@calavera-skull
@calavera-skull 3 года назад
@@YauhenKavalchuk вот поэтому и хотелось, чтобы вы сделали курс по CSS)) ни в одном другом курсе нет об этом ни слова. Спасибо Женя, с нетерпением жду теперь курс по Angular
@YauhenKavalchuk
@YauhenKavalchuk 3 года назад
Пожалуйста
@pavel7930
@pavel7930 3 года назад
Спасибо!
@YauhenKavalchuk
@YauhenKavalchuk 3 года назад
Пожалуйста
@none1307
@none1307 3 года назад
Спасибо!
@YauhenKavalchuk
@YauhenKavalchuk 3 года назад
👍
Далее
CSS3 #19 Анимации (Animations)
9:11
Просмотров 14 тыс.
CSS - Курс по CSS для Начинающих
1:27:35