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