[Продвинутая верстка] Урок 19. Псевдоэлементы в css: before, after, first-letter, selection, marker
Разберёмся что такое псевдоэлементы, какие чаще всего используются и в каком случае их применять.
🚀 НАЧНИ ОБУЧЕНИЕ В ШКОЛЕ WEB PRO. Получить первый урок, тест и домашнее задание можно совершенно бесплатно по ссылке ниже:
https://t.me/webproschool_bot?start=link_7P0svXUmMT
💬 Присоединяйся к нашему чату веб-разработчиков:
https://t.me/webproschool_chat
❤️ Сохраняй плейлисты с теорией, тестами и практическими заданиями:
1️⃣ Уроки по основам HTML и CSS: https://www.youtube.com/playlist?list=PLlGg_lawgIyUQuSWfOP2Czhk6hle3Rrm6
2️⃣ Уроки по продвинутой вёрстке: https://www.youtube.com/playlist?list=PLlGg_lawgIyWK9bnQRw2JJ6FU5gOR7edZ
💙 Мы в VK:
https://vk.com/webproschool
Данный курс будет полезен всем продолжающим веб-разработчикам, которые хотят узнать больше о создании сайтов и о продвинутой верстке сайта на HTML и CSS. В ходе обучения теория будет сопровождаться презентацией, а для закрепления материала в сможете проходить тесты и практические задания.
Таймкоды:
00:00 О чём это видео
00:11 Что такое псевдоэлемент
01:12 Псевдоэлементы before и after
02:58 Псевдоэлементы first-letter, first-line
03:35 Псведоэлементы selection и placeholder
04:05 Псевдоэлементы marker, backdrop
05:37 Когда использовать псевдоэлементы
06:09 Что будет дальше
Видео [Продвинутая верстка] Урок 19. Псевдоэлементы в css: before, after, first-letter, selection, marker канала {WEB PRO} - Школа веб-разработки, создание сайтов
🚀 НАЧНИ ОБУЧЕНИЕ В ШКОЛЕ WEB PRO. Получить первый урок, тест и домашнее задание можно совершенно бесплатно по ссылке ниже:
https://t.me/webproschool_bot?start=link_7P0svXUmMT
💬 Присоединяйся к нашему чату веб-разработчиков:
https://t.me/webproschool_chat
❤️ Сохраняй плейлисты с теорией, тестами и практическими заданиями:
1️⃣ Уроки по основам HTML и CSS: https://www.youtube.com/playlist?list=PLlGg_lawgIyUQuSWfOP2Czhk6hle3Rrm6
2️⃣ Уроки по продвинутой вёрстке: https://www.youtube.com/playlist?list=PLlGg_lawgIyWK9bnQRw2JJ6FU5gOR7edZ
💙 Мы в VK:
https://vk.com/webproschool
Данный курс будет полезен всем продолжающим веб-разработчикам, которые хотят узнать больше о создании сайтов и о продвинутой верстке сайта на HTML и CSS. В ходе обучения теория будет сопровождаться презентацией, а для закрепления материала в сможете проходить тесты и практические задания.
Таймкоды:
00:00 О чём это видео
00:11 Что такое псевдоэлемент
01:12 Псевдоэлементы before и after
02:58 Псевдоэлементы first-letter, first-line
03:35 Псведоэлементы selection и placeholder
04:05 Псевдоэлементы marker, backdrop
05:37 Когда использовать псевдоэлементы
06:09 Что будет дальше
Видео [Продвинутая верстка] Урок 19. Псевдоэлементы в css: before, after, first-letter, selection, marker канала {WEB PRO} - Школа веб-разработки, создание сайтов
верстка сайта html css курс по верстке сайта html с нуля разработка сайта создание сайта с нуля продвинутая верстка создание сайтов создание сайта программирование верстка для начинающих курсы по верстке сайтов верстка для новичков верстка сайта с нуля верстка для продолжающих frontend web pro веб про как создать свой сайт обучение созданию сайтов html css уроки по сайтам уроки html уроки css css3 уроки верстка сайтов с нуля псевдоэлементы
Комментарии отсутствуют
Информация о видео
20 февраля 2025 г. 17:00:40
00:06:49
Другие видео канала

![[Основы HTML и CSS] Урок 14. Как задать картинку на фон. Настройки фонового изображения на сайте.](https://i.ytimg.com/vi/o_DXezk1AH0/default.jpg)
![[Основы HTML и CSS] Урок 20. Вёрстка сайта портфолио для начинающих. Применение теории на практике.](https://i.ytimg.com/vi/BJFHerU9NPw/default.jpg)
![[Продвинутая верстка] Урок 20. Разметка и стилизация формы на сайте (input, checkbox, radio, label)](https://i.ytimg.com/vi/PEbFiQX0bP4/default.jpg)
![[Продвинутая верстка] Урок 4. Логические свойства в CSS](https://i.ytimg.com/vi/rNtPRdcnyvo/default.jpg)
![[Продвинутая верстка] Урок 11. Выпадающее меню на чистом HTML с помощью тега details](https://i.ytimg.com/vi/Jkki1MZq02c/default.jpg)

![[Основы HTML и CSS] Урок 5. Как добавить на сайт карту, аудио, видео и картинки. Тег iframe, video.](https://i.ytimg.com/vi/YMP-LiqCFPM/default.jpg)


![[Продвинутая верстка] Урок 16. Фильтры и mix-blend-mode (смешивание цветов в css)](https://i.ytimg.com/vi/TtRJhEX-eNM/default.jpg)
![[Продвинутая верстка] Урок 17. Псевдоклассы в css: hover, link, visited, active, focus, nth-child](https://i.ytimg.com/vi/kGR2QtXE0XI/default.jpg)

![[Продвинутая верстка] Урок 9. Модальное окно на чистом HTML с помощью тега dialog](https://i.ytimg.com/vi/4JdAqGTyLdc/default.jpg)
![[Продвинутая верстка] Урок 6. Всё о локальных шрифтах на сайте.](https://i.ytimg.com/vi/wIoWQROo1HA/default.jpg)
![[Продвинутая верстка] Урок 2. Теги цитат (cite, q, blockquote) и адреса (address)](https://i.ytimg.com/vi/XCo_nMFwu6s/default.jpg)
![[Основы HTML и CSS] Урок 18. FIGMA для верстальщика сайтов](https://i.ytimg.com/vi/MewC_IVZOss/default.jpg)


