BrowserCode
HTMLCSSJavaScriptTypeScriptPythonTailwind CSSReactBootstrapPHPSQLMongoDBNode.jsSEOTyping Speed
HTMLCSSJavaScriptTypeScriptPythonTailwind CSSReactBootstrapPHPSQLMongoDBNode.jsSEOTyping Speed
Online Course Overview

Learn CSS

Learn CSS online through our comprehensive course. Style and layout your web pages. Learn responsive design and animations.

26 Lessons in 5 Sections
Beginner
Start LearningOpen Workspace

Curriculum

01CSS Fundamentals

Introduction to CSS

Learn what CSS is and how it styles the web.

15 min

CSS Syntax

Understand the syntax of CSS rules.

15 min

Selectors

Target HTML elements to style.

15 min

Colors

Add colors to your text and backgrounds.

15 min

Backgrounds

Style the background of elements.

15 min

Typography

Style text fonts and sizes.

15 min

02Box Model

CSS Box Model

Understand the core of CSS layout.

15 min

Width and Height

Set the size of your elements.

15 min

Margin

Create space outside an element.

15 min

Padding

Create space inside an element.

15 min

Borders

Add borders around elements.

15 min

Box Sizing

Control how width is calculated.

15 min

03Layout

Display

Control element display behavior.

15 min

Position

Move elements around the page.

15 min

Flexbox Introduction

Learn 1D layouts with Flexbox.

15 min

Flexbox Alignment

Align items in a flex container.

15 min

CSS Grid Introduction

Learn 2D layouts with Grid.

15 min

Grid Layout

Create complex page structures.

15 min

04Responsive Design

Responsive Design

Make sites work on all devices.

15 min

Media Queries

Apply styles based on screen size.

15 min

Mobile-First Design

Design for mobile screens first.

15 min

Responsive Units

Use relative units for scaling.

15 min

05Modern CSS

CSS Variables

Store and reuse CSS values.

15 min

Transitions

Animate property changes smoothly.

15 min

Transforms

Scale, rotate, and move elements.

15 min

Animations

Create complex keyframe animations.

15 min

Explore the CSS Ecosystem

Continue learning CSS

Access all CSS lessons and tutorials.

Practice CSS exercises

Apply your knowledge with interactive coding challenges.

Test your knowledge with CSS quizzes

Check your understanding with multiple-choice questions.

Build CSS projects

Create real-world applications from scratch.

Try CSS in the playground

Write and execute CSS code instantly in your browser.

Browse the CSS reference

Quickly look up syntax, methods, and properties.