1,0×
00:00/30:34
Вступление
Как работают селекторы в CSS? Разбираемся на примерах
Привет, в этом видео поговорим об основах языка CSS и постараемся на примерах разобраться как работают селекторы.
Полезные ссылки:
Мой телеграм-канал: t.me/davidobryakov
Репозиторий с примерами из этого курса: github.com/...mentoring/
Репозиторий этого курса: github.com/...tend-2022/
Ссылка на презентацию: docs.google.com/...sp=sharing
Раздел по CSS в доке: doka.guide/css/
Комбинированные селекторы в доке: doka.guide/...selectors/
Раздел по CSS на MDN: developer.mozilla.org/.../Reference
Раздел по селекторам на MDN: developer.mozilla.org/..._Selectors
Лекция в текстовом формате: blog.kantegory.me/...css-basics
Таймкоды:
00:00 Вступление
00:08 Что такое CSS?
00:23 В чём заключается декларативность CSS?
01:07 Препроцессоры и постпроцессоры
02:16 Языковые конструкции
03:35 Базовые селекторы
04:51 Комбинированные селекторы
06:04 Селектор по состоянию
07:44 Смежные селекторы
11:26 Универсальный селектор
12:34 Селектор по классу, селектор по id
13:00 Селектор по непосредственно вложенным
15:40 Селектор по последующим
18:55 Селектор по вложенным
21:48 Группировка селекторов
22:40 Комбинированный селектор с использованием :not, :is
24:58 Резюмируем (+ псевдоэлементы before и after)
28:55 Что почитать?
Полезные ссылки:
Мой телеграм-канал: t.me/davidobryakov
Репозиторий с примерами из этого курса: github.com/...mentoring/
Репозиторий этого курса: github.com/...tend-2022/
Ссылка на презентацию: docs.google.com/...sp=sharing
Раздел по CSS в доке: doka.guide/css/
Комбинированные селекторы в доке: doka.guide/...selectors/
Раздел по CSS на MDN: developer.mozilla.org/.../Reference
Раздел по селекторам на MDN: developer.mozilla.org/..._Selectors
Лекция в текстовом формате: blog.kantegory.me/...css-basics
Таймкоды:
00:00 Вступление
00:08 Что такое CSS?
00:23 В чём заключается декларативность CSS?
01:07 Препроцессоры и постпроцессоры
02:16 Языковые конструкции
03:35 Базовые селекторы
04:51 Комбинированные селекторы
06:04 Селектор по состоянию
07:44 Смежные селекторы
11:26 Универсальный селектор
12:34 Селектор по классу, селектор по id
13:00 Селектор по непосредственно вложенным
15:40 Селектор по последующим
18:55 Селектор по вложенным
21:48 Группировка селекторов
22:40 Комбинированный селектор с использованием :not, :is
24:58 Резюмируем (+ псевдоэлементы before и after)
28:55 Что почитать?
…
Фронтенд-разработка 2022
Подборка ·
David Dobryakov
· 2 из 2Последнее видео в подборке
Фронтенд-разработка 2022 · 2 из 2