В данном видеокурсе мы с вами рассмотрим 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
git checkout lesson_10
и т.д.
- #0 Введение (Introduction)
- #1 Базовый синтаксис и применение стилей (Base Syntax & CSS Applying)
- #2 Простые селекторы (Simple Selectors)
- #3 Составные селекторы (Composite Selectors)
- #4 Псевдоэлементы и псевдоклассы (Pseudo-elements & Pseudo-classes)
- #5 Каскадность и наследование (Cascading & Inheritance)
- #6 Блочная модель и отступы (Box Model, Padding & Margin)
- #7 Позиционирование и размеры (Positioning & Sizing)
- #8 Единицы, переполнение и уровни элементов (Units, Overflow & z-index)
- #9 Плавающие элементы и очистка потока (Floating Elements & Clearfix)
- #10 Шрифты и текст (CSS Font & Text styles)
- #11 Границы и тени (Borders & Shadows)
- #12 Скругление углов, списки и цвета (Border Radius, Lists & Colors)
- #13 Отображение элементов и вендорные префиксы (Display vs. Visibility, Vendor Prefixes)
- #14 Фон (Background)
- #15 Градиенты (Gradients)
- #16 Фильтры (Filters)
- #17 Трансформации (Transform)
- #18 Плавные переходы (Transition)
- #19 Анимации (Animations)
- #20 Таблицы и курсор (Tables & Cursor)
- #21 Текстовые эффекты и многоколоночный текст (Text Effects & Multi Columns Text)
- #22 Медиазапросы (Media queries)
- #23 Стилизация плейсхолдера и скролла, CSS-спрайты (Placeholder, Scrollbar & Sprites)