Загрузка страницы

CSS псевдоэлементы. Псевдоэлементы BEFORE и AFTER. Уроки HTML CSS JS. Урок №11

CSS псевдоэлементы. Псевдоэлементы BEFORE и AFTER. Уроки HTML CSS JS. Урок №11 CSS псевдоэлементы – это селекторы которые, помощью CSS, искусственно создают области в дереве документа. Грубо говоря добавляют к элементу новый элемент, либо выделяют часть содержимого элемента. Рассмотрим такие CSS псевдоэлементы как before, after, first-line и first-letter

🔴 Весь плейлист с уроками по HTML CSS JS верстке:
https://www.youtube.com/playlist?list=PLM6XATa8CAG4F9nAIYNS5oAiPotxwLFIr

Архив с файлами урока ищи в телеграм канале https://t.me/freelancer_lifestyle
Или качай по ссылке: https://fls.guru/files/tutorials/css_7.zip

Содержание:
0:00 - Подготовка к уроку
1:38 - Синтаксис записи псевдоэлементов
2:14 - first-line
3:25 - first-letter
4:37 - before
5:40 - after
9:10 - Специфические псевдоэлементы
12:07 - Комбинирование псевдоэлементов и псевдоклассов
13:08 - Домашка!
Спасибо Emil Chapchakchi

🔴 Получить доступ к плюшкам + поддержать канал: https://www.patreon.com/freelancerlifestyle
🔴 Telegram канал: https://t.me/freelancer_lifestyle (https://teleg.run/freelancer_lifestyle)
🔴 Telegram чат по верстке: https://t.me/flschat (https://teleg.run/flschat)
🔴 Facebook: https://www.facebook.com/freelancerlifestyle
🔴 Instagram: https://www.instagram.com/freelancer.lifestyle

👋 Меня зовут Женя Андриканич, я IT - специалист, занимаюсь разработкой сайтов. На этом канале, я регулярно и в максимально доступном формате буду делиться с тобой своим опытом, наработками, секретами и лайфхаками!
Ссылка на канал: https://www.youtube.com/c/freelancerlifestyle

🤟 Живи, а работай в свободное время! ©
#фрилансерпожизни #обучение #верстка

Видео CSS псевдоэлементы. Псевдоэлементы BEFORE и AFTER. Уроки HTML CSS JS. Урок №11 канала Фрилансер по жизни - IT и фриланс
Показать
Комментарии отсутствуют
Введите заголовок:

Введите адрес ссылки:

Введите адрес видео с YouTube:

Зарегистрируйтесь или войдите с
Информация о видео
16 августа 2019 г. 15:30:16
00:14:31
Другие видео канала
CSS позиционирование (CSS position). Уроки HTML CSS JS. Урок №12CSS позиционирование (CSS position). Уроки HTML CSS JS. Урок №12КАК ИСКАТЬ РАБОТУ В IT. Где когда и как искать первую работу в IT-сфере. Советы для начинающихКАК ИСКАТЬ РАБОТУ В IT. Где когда и как искать первую работу в IT-сфере. Советы для начинающихПсевдоэлементы before и after в CSS: разбор примеровПсевдоэлементы before и after в CSS: разбор примеровВсе про CSS отступы padding и margin. Объяснение на практике за 33 минуты.Все про CSS отступы padding и margin. Объяснение на практике за 33 минуты.Before and After pseudo elements explained - part one: how they workBefore and After pseudo elements explained - part one: how they workGrid CSS полный курс за 13 минут. Все свойстваGrid CSS полный курс за 13 минут. Все свойстваCSS Grid - самая понятная инструкция с примерами по гридам (сеткам) в CSSCSS Grid - самая понятная инструкция с примерами по гридам (сеткам) в CSSCSS transform. 2D и 3D трансформации translate, scale, rotate и другиеCSS transform. 2D и 3D трансформации translate, scale, rotate и другиеВсе о CSS переходах (transitions) за 16 минут. CSS анимация. Часть первая.Все о CSS переходах (transitions) за 16 минут. CSS анимация. Часть первая.Learn CSS Pseudo Elements In 8 MinutesLearn CSS Pseudo Elements In 8 MinutesCSS псевдоклассы. Псевдокласс HOVER и другие. Уроки HTML CSS JS. Урок №10CSS псевдоклассы. Псевдокласс HOVER и другие. Уроки HTML CSS JS. Урок №10CSS свойство BACKGROUND. Делаем фон для сайта // Уроки HTML CSS JS. Урок №9CSS свойство BACKGROUND. Делаем фон для сайта // Уроки HTML CSS JS. Урок №9Стилизация скроллбара на CSS | Scrollbar CSSСтилизация скроллбара на CSS | Scrollbar CSSFLEXBOX. Учимся верстать на флексах. Флексбокс уроки. Часть третья - свойство flex-directionFLEXBOX. Учимся верстать на флексах. Флексбокс уроки. Часть третья - свойство flex-directionПсевдоэлементы Before и After. Как применять Псевдоэлементы. Какие псевдоэлементы существуютПсевдоэлементы Before и After. Как применять Псевдоэлементы. Какие псевдоэлементы существуютКак легко сделать горизонтальное меню HTML CSS (За 5 минут)Как легко сделать горизонтальное меню HTML CSS (За 5 минут)БЫСТРАЯ ВЕРСТКА САЙТА. Как увеличить скорость в веб-разработке? Почему высокая скорость так важна?БЫСТРАЯ ВЕРСТКА САЙТА. Как увеличить скорость в веб-разработке? Почему высокая скорость так важна?JavaScript Document object model (DOM) за час. Изменение HTML CSS. Атрибуты и свойства. Окружение.JavaScript Document object model (DOM) за час. Изменение HTML CSS. Атрибуты и свойства. Окружение.
Яндекс.Метрика