ITVDN logo
Видеокурсы по
программированию

Доступ более чем к 7700 видеоурокам от $19.99

Подписка
ITVDN logo
Видеокурсы по
программированию

Доступ более чем к 7700 видеоурокам от $19.99

Подписка

Видео курсы по HTML, CSS и созданию сайтов

ВИДЕОУРОК №9. Псевдоклассы и градиенты

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

основные темы, рассматриваемые на уроке

1 0:00:00
Псевдоклассы и псевдоэлементы. Определение и синтаксис
2 0:02:55
Псевдоклассы, рассматриваемые на уроке
3 0:03:15
":checked" (checkbox или radio в выбранном состоянии)
4 0:04:47
":defualt" (стиль кнопки по умолчанию)
5 0:05:47
":disabled" (неактивный элемент)
6 0:06:42
":enabled" (активный элемент)
7 0:09:16
":empty" (псевдокласс, не содержащий дочерних элементов)
8 0:10:37
":first-of-type" (первый элемент в списке дочерних элементов)
9 0:12:00
":last-of-type" (последний элемент в списке дочерних элементов)
10 0:12:36
":indeterminate" (элементы checkbox в неопределенном состоянии)
11 0:14:27
":valid", ":invalid" (корректные и некорректные значения)
12 0:16:33
":first-child", ":last-child" (первый и последний элемент контейнера)
13 0:17:56
":not" (возможность создания исключающего правила)
14 0:19:38
":nth-of-child" (доступ к эл-там по расположению в дереве документа)
15 0:22:58
":nth-of-last-child" (доступ к элементам документа, обход с конца)
16 0:24:24
":nth-of-type" (порядковый номер конкретного селектора)
17 0:27:24
":only-of-type" (если элемент один в родительском контейнере)
18 0:28:44
":only-child" (если элемент единственный в родительском контейнере)
19 0:29:32
":optional" (для необязательных для заполнения полей)
20 0:30:58
":required" (для обязательных для заполнения полей)
21 0:34:33
":read-write", ":read-only" (до- и недоступные эл-ты для редактирования)
22 0:35:15
":root" (корневой элемент)
23 0:36:14
Немного повторения
24 0:42:20
Градиенты в CSS3
25 0:43:42
Линейный градиент
26 0:49:09
Радиальный градиент
27 0:51:49
Повторяющиеся градиенты
28 0:53:45
Сolorzilla.com
29 0:54:30
Градиент в IE6

Консультация
тренера

Получить
Описание видеоурока
Титры видеоурока
Скачать материалы
Рекомендуемая литература
Псевдоклассы – элементы CSS правил, с помощью которых можно определить оформление элементов, которые изменили свое состояние из-за действий пользователя или других причин. Например, с помощью псевдоклассов, мы можем определить стиль элемента, который будет применен только в том случае, если пользователь навел курсор на элемент. В CSS3 появилось очень много псевдоклассов, которые позволяют легко оформлять документ. В этом уроке Вы узнаете о всех псевдоклассах, описанных в новой спецификации, а также узнаете, как можно создавать градиенты в CSS и как заставить старые браузеры отображать CSS эффекты.

комментарии и обсуждения