Видео курсы по 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 эффекты.
комментарии и обсуждения