Это пробный урок. Оформите подписку, чтобы получить доступ ко всем материалам курса. Премиум

  1. Урок 1. 00:02:54
    Введение в Курс по CSS
  2. Урок 2. 00:03:49
    Обзор CSS
  3. Урок 3. 00:07:29
    Начало работы с CSS
  4. Урок 4. 00:05:13
    Синтаксис CSS
  5. Урок 5. 00:02:07
    Проекты для курса
  6. Урок 6. 00:09:32
    Установка и настройка Visual Studio Code
  7. Урок 7. 00:07:37
    Установка расширения Live Server
  8. Урок 8. 00:04:45
    Создание HTML и CSS файлов
  9. Урок 9. 00:03:28
    Практика 1.1 - Встроенный CSS
  10. Урок 10. 00:05:24
    Практика 1.2 - Внутренний CSS
  11. Урок 11. 00:04:28
    Практика 1.3 - Внешний CSS
  12. Урок 12. 00:04:31
    Практика 1.4 - Несколько селекторов
  13. Урок 13. 00:03:09
    Практика 1.5 - CSS Комментарии
  14. Урок 14. 00:11:09
    CSS селекторы
  15. Урок 15. 00:02:26
    Практика 2.1 - Универсальный селектор
  16. Урок 16. 00:00:50
    Практика 2.2 - Селектор типов
  17. Урок 17. 00:00:25
    ЗАДАЧА - Селектор типов
  18. Урок 18. 00:01:17
    РЕШЕНИЕ - Селектор типов
  19. Урок 19. 00:05:18
    Практика 2.3 - Селектор классов
  20. Урок 20. 00:02:04
    Практика 2.4 - Селектор по ID
  21. Урок 21. 00:00:21
    ЗАДАЧА - Селектор по ID
  22. Урок 22. 00:02:11
    РЕШЕНИЕ - Селектор по ID
  23. Урок 23. 00:04:39
    Практика 2.5 - Групповой селектор
  24. Урок 24. 00:00:19
    ЗАДАЧА - Групповой селектор
  25. Урок 25. 00:02:03
    РЕШЕНИЕ - Групповой селектор
  26. Урок 26. 00:01:56
    Практика 2.6 - Селектор атрибутов
  27. Урок 27. 00:00:30
    ЗАДАЧА - Селектор атрибутов
  28. Урок 28. 00:03:44
    РЕШЕНИЕ - Селектор атрибутов
  29. Урок 29. 00:05:08
    Практика 2.7 - Селектор атрибутов без чувствительности к регистру
  30. Урок 30. 00:09:05
    Комбинаторы CSS
  31. Урок 31. 00:06:31
    Использование разных комбинаторов
  32. Урок 32. 00:03:25
    Практика 3.1 - Комбинатор потомков
  33. Урок 33. 00:02:37
    РЕШЕНИЕ - Комбинатор потомков
  34. Урок 34. 00:02:11
    Практика 3.2 - Комбинатор прямых потомков
  35. Урок 35. 00:00:38
    ЗАДАЧА - Комбинатор прямых потомков
  36. Урок 36. 00:02:58
    РЕШЕНИЕ - Комбинатор прямых потомков
  37. Урок 37. 00:04:33
    Практика 3.3 - Комбинатор соседнего родства
  38. Урок 38. 00:01:38
    РЕШЕНИЕ - Комбинатор соседнего родства
  39. Урок 39. 00:03:03
    Практика 3.4 - Комбинатор общего родства
  40. Урок 40. 00:00:41
    ЗАДАЧА - Комбинатор общего родства
  41. Урок 41. 00:03:22
    РЕШЕНИЕ - Комбинатор общего родства
  42. Урок 42. 00:08:30
    Блочная модель
  43. Урок 43. 00:03:36
    Практика 4.1 - Ширина и высота
  44. Урок 44. 00:01:23
    РЕШЕНИЕ - Ширина и высота
  45. Урок 45. 00:07:07
    Практика 4.2 - Проценты
  46. Урок 46. 00:00:29
    ЗАДАЧА - Проценты
  47. Урок 47. 00:07:00
    РЕШЕНИЕ - Проценты
  48. Урок 48. 00:13:06
    Padding, border, margin
  49. Урок 49. 00:05:25
    Практика 4.3 - Граница (border)
  50. Урок 50. 00:02:03
    РЕШЕНИЕ - Удаление границы
  51. Урок 51. 00:05:51
    Практика 4.4 - Закругленные края
  52. Урок 52. 00:00:58
    РЕШЕНИЕ - Отсутствие границы у круглого изображения
  53. Урок 53. 00:00:17
    ЗАДАЧА - Граница (border)
  54. Урок 54. 00:01:20
    РЕШЕНИЕ - Граница (border)
  55. Урок 55. 00:05:03
    Практика 4.5 - Внутренний отступ (padding)
  56. Урок 56. 00:01:44
    РЕШЕНИЕ - Внутренний отступ (padding)
  57. Урок 57. 00:10:02
    Практика 4.6 - Внешний отступ (margin)
  58. Урок 58. 00:00:15
    ЗАДАЧА - Внешний отступ
  59. Урок 59. 00:00:36
    РЕШЕНИЕ - Внешний отступ
  60. Урок 60. 00:07:14
    Альтернативная блочная модель
  61. Урок 61. 00:09:33
    Практика 4.7 - Альтернативная блочная модель
  62. Урок 62. 00:07:38
    Свойство display
  63. Урок 63. 00:08:25
    Практика 4.8 - Display
  64. Урок 64. 00:09:49
    Практика 4.8 - Display (продолжение)
  65. Урок 65. 00:10:54
    Подведение итогов по блочной модели
  66. Урок 66. 00:09:01
    Фон в CSS
  67. Урок 67. 00:08:17
    Практика 5.1 - Фоновое изображение
  68. Урок 68. 00:05:15
    РЕШЕНИЕ - Фоновое изображение
  69. Урок 69. 00:04:27
    Практика 5.2 - Размер фонового изображения
  70. Урок 70. 00:08:31
    Стилизация текста
  71. Урок 71. 00:13:01
    Практика 6.1 - Стилизация текста
  72. Урок 72. 00:14:57
    Практика 6.1 - Стилизация текста (продолжение)
  73. Урок 73. 00:00:46
    ЗАДАЧА - Стилизация текста
  74. Урок 74. 00:03:11
    РЕШЕНИЕ - Стилизация текста
  75. Урок 75. 00:08:15
    Шрифты
  76. Урок 76. 00:09:54
    Практика 6.2 - Шрифты
  77. Урок 77. 00:00:19
    ЗАДАЧА - Шрифты
  78. Урок 78. 00:02:40
    РЕШЕНИЕ - Шрифты
  79. Урок 79. 00:05:38
    Цвета
  80. Урок 80. 00:04:43
    Практика 7.1 - Форматы цветов RGB и RGBA
  81. Урок 81. 00:03:56
    Практика 7.2 - Цвета в формате hex
  82. Урок 82. 00:00:30
    ЗАДАЧА - Цвета
  83. Урок 83. 00:03:05
    РЕШЕНИЕ - Цвета
  84. Урок 84. 00:04:25
    Псевдоэлементы
  85. Урок 85. 00:01:55
    Практика 8.1 - Первая буква текста
  86. Урок 86. 00:04:14
    Практика 8.2 - Маркеры в текстовых списках
  87. Урок 87. 00:05:33
    Практика 8.3 - Стилизация полей ввода
  88. Урок 88. 00:00:31
    ЗАДАЧА - Псевдоэлементы
  89. Урок 89. 00:02:37
    РЕШЕНИЕ - Псевдоэлементы
  90. Урок 90. 00:10:53
    Псевдоклассы
  91. Урок 91. 00:04:54
    Практика 9.1 - Наведение курсора (hover)
  92. Урок 92. 00:00:46
    ЗАДАЧА - Нажатие на кнопку
  93. Урок 93. 00:04:21
    РЕШЕНИЕ - Нажатие на кнопку
  94. Урок 94. 00:03:22
    Практика 9.2 - Состояние disabled
  95. Урок 95. 00:05:36
    Практика 9.3 - Поля ввода
  96. Урок 96. 00:05:18
    Практика 9.4 - Первые и последние элементы
  97. Урок 97. 00:08:39
    Практика 9.5 - Индекс дочернего элемента
  98. Урок 98. 00:00:40
    ЗАДАЧА - Парные ряды в таблице
  99. Урок 99. 00:05:25
    РЕШЕНИЕ - Парные ряды в таблице
  100. Урок 100. 00:05:02
    Практика 9.6 - Отрицание
  101. Урок 101. 00:00:29
    ЗАДАЧА - Отрицание not
  102. Урок 102. 00:03:17
    РЕШЕНИЕ - Отрицание not
  103. Урок 103. 00:05:40
    Практика 9.7 - Упрощение селекторов-потомков
  104. Урок 104. 00:00:34
    ЗАДАЧА - Последний элемент
  105. Урок 105. 00:01:57
    РЕШЕНИЕ - Последний элемент
  106. Урок 106. 00:03:17
    Подведение итогов по псевдоклассам
  107. Урок 107. 00:06:39
    Наследование
  108. Урок 108. 00:06:21
    Практика 10 - Наследование
  109. Урок 109. 00:09:44
    Приоритетность селекторов
  110. Урок 110. 00:03:30
    Сравнение специфичностей
  111. Урок 111. 00:03:22
    Примеры конфликтов стилей
  112. Урок 112. 00:05:21
    Встроенные стили и !important
  113. Урок 113. 00:08:33
    Практика 11 - Специфичность
  114. Урок 114. 00:00:31
    ЗАДАЧА - Специфичность
  115. Урок 115. 00:04:29
    РЕШЕНИЕ - Специфичность
  116. Урок 116. 00:11:50
    Переходы
  117. Урок 117. 00:06:45
    Практика 12 - Переходы
  118. Урок 118. 00:00:37
    ЗАДАЧА - Переходы
  119. Урок 119. 00:05:20
    РЕШЕНИЕ - Переходы
  120. Урок 120. 00:11:36
    Анимация
  121. Урок 121. 00:07:10
    Практика 13 - Анимации
  122. Урок 122. 00:01:24
    ЗАДАЧА - Создание спиннера
  123. Урок 123. 00:08:36
    РЕШЕНИЕ - Создание спиннера
  124. Урок 124. 00:11:42
    Расположение элементов
  125. Урок 125. 00:06:30
    Практика 14.1 - Относительная позиция
  126. Урок 126. 00:06:26
    Практика 14.2 - Абсолютная позиция
  127. Урок 127. 00:05:50
    Практика 14.3 - Фиксированная позиция
  128. Урок 128. 00:04:20
    Практика 14.4 - Липкая позиция
  129. Урок 129. 00:04:18
    Подведение итогов по позиционированию
  130. Урок 130. 00:05:18
    Введение в Flexbox
  131. Урок 131. 00:04:34
    Главная и поперечная оси в Flexbox
  132. Урок 132. 00:04:33
    Перенос flex элементов
  133. Урок 133. 00:15:25
    Выравнивание flex элементов
  134. Урок 134. 00:09:48
    Управление размерами flex элементов
  135. Урок 135. 00:08:36
    Практика 15.1 - Основы Flexbox
  136. Урок 136. 00:05:26
    Практика 15.1 - Увеличение и уменьшение размеров flex элементов
  137. Урок 137. 00:06:30
    Практика 15.1 - Перенос flex элементов
  138. Урок 138. 00:07:14
    Практика 15.1 - Распределение flex элементов по главной и поперечной осям
  139. Урок 139. 00:03:27
    Практика 15.1 - Изменение положения отдельных flex элементов
  140. Урок 140. 00:09:55
    Практика 15.2 - Навигационное меню
  141. Урок 141. 00:10:58
    Сетка (Grid)
  142. Урок 142. 00:11:35
    Практика 16.1 - Сетка
  143. Урок 143. 00:00:46
    ЗАДАЧА - Сетка
  144. Урок 144. 00:02:33
    РЕШЕНИЕ - Сетка
  145. Урок 145. 00:04:53
    Выравнивание элементов сетки
  146. Урок 146. 00:02:52
    Практика 16.1 - Выравнивание элементов сетки
  147. Урок 147. 00:03:16
    Зоны сетки
  148. Урок 148. 00:04:58
    Практика 16.2 - Зоны сетки
  149. Урок 149. 00:06:28
    Практика 16.3 - Выравнивание элементов сетки
  150. Урок 150. 00:00:56
    ЗАДАЧА - Выравнивание элементов в сетке
  151. Урок 151. 00:02:31
    РЕШЕНИЕ - Выравнивание элементов в сетке
  152. Урок 152. 00:04:46
    Подведение итогов по Сеткам
  153. Урок 153. 00:04:38
    Медиа запросы
  154. Урок 154. 00:06:02
    Практика 17.1 - Адаптивное меню
  155. Урок 155. 00:02:48
    Практика 17.2 - Адаптивная сетка
  156. Урок 156. 00:02:45
    ЗАДАЧА - Адаптивная сетка
  157. Урок 157. 00:07:57
    РЕШЕНИЕ - Адаптивная сетка
  158. Урок 158. 00:02:07
    Подведение итогов по медиа-запросам