Видео курс HTML 5, CSS и созданию сайтов. Псевдоклассы и градиенты - видео уроки ITVDN
ITVDN: курсы программирования
Видеокурсы по
программированию

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

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

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

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

ВИДЕОУРОК №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 эффекты.
Титров к данному уроку не предусмотрено
комментарии и обсуждения