CSS Styling by Example – Learn Design Through Real Elements

+ Section 0: Introduction 1 lecture

Lecture 0.01 Introduction Locked

+ Section 1: Introduction and CSS Foundations 3 lectures

Lecture 1.01 – The Power of CSS in Modern Web Design Locked

Lecture 1.02 – How CSS Works: The Cascade and Specificity Locked

Lecture 1.03 – Selecting Elements: CSS Selectors and Combinators Locked

+ Section 2: Colors, Backgrounds, and Decorative Styles 3 lectures

Lecture 2.01 – Working with Colors in CSS Locked

Lecture 2.02 – Backgrounds and Gradients Locked

Lecture 2.03 – Borders, Rounded Corners, and Shadows Locked

+ Section 3: Typography and Text Styling 3 lectures

Lecture 3.01 – Font Basics and Text Properties Locked

Lecture 3.02 – Advanced Text Styling (Spacing, Alignment, and Effects) Locked

Lecture 3.03 – Web Fonts and Custom Typography Locked

+ Section 4: The CSS Box Model and Layout Dimensions 3 lectures

Lecture 4.01 – Understanding the CSS Box Model Locked

Lecture 4.02 – Controlling Width, Height, and Overflow Locked

Lecture 4.03 – CSS Units and Responsive Measurements Locked

+ Section 5: Layout Fundamentals and Techniques 4 lectures

Lecture 5.01 – Normal Flow and Display Types Locked

Lecture 5.02 – CSS Positioning: Relative, Absolute, Fixed, and Sticky Locked

Lecture 5.03 – Floating Elements and Clearfix Locked

Lecture 5.04 – Layering and Z-Index Locked

+ Section 6: Flexbox – Flexible Layouts Made Easy 3 lectures

Lecture 6.01 – Flexbox Fundamentals Locked

Lecture 6.02 – Alignment and Space Distribution with Flexbox Locked

Lecture 6.03 – Building Practical Layouts with Flexbox Locked

+ Section 7: CSS Grid – Two-Dimensional Layout Mastery 4 lectures

Lecture 7.01 – Introduction to CSS Grid Layout Locked

Lecture 7.02 – Placing Grid Items and Fractional Units Locked

Lecture 7.03 – Advanced Grid Features (Auto-Placement, Areas, and Alignment) Locked

Lecture 7.04 – Practical Layouts with CSS Grid Locked

+ Section 8: Responsive Design and Media Queries 3 lectures

Lecture 8.01 – Fluid Layout Principles Locked

Lecture 8.02 – Media Queries: Adapting to Different Screen Sizes Locked

Lecture 8.03 – Responsive Workflow and Best Practices Locked

+ Section 9: Transitions and Animations in CSS 2 lectures

Lecture 9.01 – Smooth Transitions and Hover Effects Locked

Lecture 9.02 – Keyframe Animations for Complex Effects Locked

+ Section 10: Advanced Selectors – Pseudo-classes and Pseudo-elements 3 lectures

Lecture 10.01 – Interactive States with Pseudo-classes Locked

Lecture 10.02 – Structural Pseudo-classes for Complex Selections Locked

Lecture 10.03 – Pseudo-elements and Generated Content Locked

+ Section 11: Advanced CSS Features and Visual Effects 4 lectures

Lecture 11.01 – CSS Custom Properties (Variables) and Theming Locked

Lecture 11.02 – CSS Math Functions and Dynamic Calculations Locked

Lecture 11.03 – Filters and Blend Mode Effects in CSS Locked

Lecture 11.04 – Conclusion Locked