В данном видеокурсе мы с вами рассмотрим CSS, или каскадных таблиц стилей. Начнём с основ: простые и составные селктора, псевдоклассы и псевдоэлементы, похиционирование, блочная модель и т.д. А так же разберём свойства добавленные в третьей версии спецификации: границы и скругления, тени, градиенты, фильтры, трансформации, анимации и т.д. По окончанию курса вы получите всю необходимую теоретическую базу по стилизации любого элемента на странице включая курсор и скролл.
- Can I Use
- Normalize CSS or CSS Reset?!
- Browser Internals
- Color Scheme
- Transition Timing Functions
- Cubic-Bezier animation tool
- Cursors collection
- JS & CSS Date pickers
- Клонируйте репозиторий:
git clone https://github.com/YauhenKavalchuk/css3-basics.git - Перейдите в папку с проектом
cd css3-basics - Перейдите в нужную ветку соответствующую уроку:
git checkout lesson_01,git checkout lesson_02и т.д.
- #0 Введение
- #1 Базовый синтаксис и применение стилей
- #2 Простые селекторы
- #3 Составные селекторы
- #4 Псевдоэлементы и псевдоклассы
- #5 Каскадность и наследование
- #6 Блочная модель и отступы
- #7 Позиционирование и z-index
- #8 Единицы, переполнение и уровни элементов
- #9 Плавающие элементы и очистка потока
- #10 Шрифты и текст
- #11 Границы и тени
- #12 Скругление углов, списки и цвета
- #13 Отображение элементов и вендорные префиксы
- #14 Фон
- #15 Градиенты
- #16 Фильтры
- #17 Трансформации
- #18 Плавные переходы
- #19 Анимации
- #20 Таблицы и курсор
- #21 Текстовые эффекты и многоколоночный текст
- #22 Медиазапросы
- #23 Стилизация плейсхолдера и скролла, CSS-спрайты
| Social network | Link to Profile |
|---|---|
| LinkedIn: |  |
| YouTube: |  |
| VK: |  |
| Twitter: |  |