Делаем добро вместе Детальнее

#4 – Псевдоклассы и псевдоэлементы

#4 – Псевдоклассы и псевдоэлементы

При помощи CSS мы можем обращаться к состояниям и определенным частям HTML блоков. Такое может происходить за счет различных псевдоэлементов. В уроке мы научимся работать псевдоклассами и псевдоэлементами.

Видеоурок

Все пседоэлементы и псевдоклассы добавляются через двоеточие - :. Ранее необходимо было обязательно прописывать для псевдоклассов одно двоеточие, а для пседоэлементов два двоеточия. С приходом CSS3 этот момент был упрощен и теперь можно для всего прописывать лишь одно двоеточие.


За курс мы еще дополнительно познакомимся с новыми псевдоэлементами и псевдоклассами, а сейчас за видео были рассмотрены лишь главные псевдо- классы и элементы. Почитать детальнее обо всех псевдоклассах и элементах можно в нашем справочнике.

Материалы для курса

Чтобы скачивать материалы к видеокурсам необходимо оформить подписку на сайт

Онлайн редактор кода

Загрузка...

Задание к уроку

Эффект при наведении

Создайте стиль для всех объектов div. При наведении мыши на объект делайте задний фон синего цвета.

Посмотреть ответ

Решение задания CSS код:

div:hover {
	background-color: blue
}

Получить остальные домашние задания можно после подписки на проект

Большое задание по курсу

Вам необходимо оформить подписку на сайте, чтобы иметь доступ ко всем большим заданиям. В задание входит методика решения, а также готовый проект с ответом к заданию.
PS: подобные задания доступны при подписке от 1 месяца

Также стоит посмотреть

Создание адаптивного сайта
4 урока
Создание сайта с нуля | Полноценная верстка сайта
11 уроков
Верстка сайта на HTML5 и CSS3
13 уроков
Изучение технологии Bootstrap (верстка сайта)
16 уроков
Изучение ASP.NET Core MVC. Создание сайтов на C#
10 уроков
Изучение препроцессора SASS / SCSS
7 уроков
Комментарии для сайта Cackle