Ends in 3 days

BLACK FRIDAY: Receive 66% off Programiz PRO

+🎁 Get 2 extra months of learning & fast-track to your first paycheck.

Get 2 months FREE
Background Image

Get 2 extra months completely FREE

Get 2 months FREE
Start Free Trial

Python Exercises

C++ Exercises

Java Exercises

C Exercises

Python

HTML/CSS

JavaScript

SQL

C Programming

C++

Java

DSA

Explore Projects
Get started with projects and learn to build real-world applications
Create a new project
Start from a blank playground and build anything you want
GUIDED PROJECTS
View all
Simple Dice RollerBeginner
Build this classic game piece by piece by solving interactive problems
Rock, Paper, Scissors GameBeginner
Build this classic game piece by piece by solving interactive problems
Classic Snake GameBeginner
Build a classic Snake game with increasing difficulty levels
Temperature ForecasterIntermediate
Create an app to display daily temperatures using real web API data
AI Projects with PromptsIntermediate
Create an AI project using prompts and learn how to build with AI
Expense TrackerBeginner
Track your expenses and manage your budget effectively
COMMUNITY PROJECTS
Wall of Inspiration
Monthly Challenge
Start Free Trial

Python Exercises

C++ Exercises

Java Exercises

C Exercises

Python

HTML/CSS

JavaScript

SQL

C Programming

C++

Java

DSA

Explore Projects
Get started with projects and learn to build real-world applications
Create a new project
Start from a blank playground and build anything you want
GUIDED PROJECTS
View all
Simple Dice RollerBeginner
Build this classic game piece by piece by solving interactive problems
Rock, Paper, Scissors GameBeginner
Build this classic game piece by piece by solving interactive problems
Classic Snake GameBeginner
Build a classic Snake game with increasing difficulty levels
Temperature ForecasterIntermediate
Create an app to display daily temperatures using real web API data
AI Projects with PromptsIntermediate
Create an AI project using prompts and learn how to build with AI
Expense TrackerBeginner
Track your expenses and manage your budget effectively
COMMUNITY PROJECTS
Wall of Inspiration
Monthly Challenge

7-day free trial. Start Now!

Enroll for FREECard required • No charge today

With this course, you will:

  • Learn the fundamentals of CSS
  • Practice styling elements and create projects
  • Earn a professional certificate
Fi Coin

Average Salary (US)

$94,149

Fi Box

Prerequisites

Learn HTML
Fi Coin

Average Salary (US)

$94,149

Fi Box

Prerequisites

Learn HTML

7-day free trial. Start Now!

Enroll for FREECard required • No charge today
Course Hero Image
Course

Learn CSS

Step into the world of web design with our beginner-friendly CSS course and build a strong foundation in styling your web pages.

  • Level: Beginner

  • Duration: 4 weeks

  • Type: Interactive

  • Language: English

  • Practice Problems: 45+

  • message-question

    Quizzes: 65+

Course Content

Chapter 1:

Introduction to CSS

1.1Getting Started1.2CSS Syntax1.3Course Overview
Chapter 2:

Color and Text

2.1Background and Text Color2.2Styling Text2.3Font Family2.4Text Formatting2.5Background Properties2.6Display Inline and Block2.7Project: Wanted Poster
Chapter 3:

Box Model

3.1Box Model Basics3.2Border3.3Padding3.4Margin3.5Important Box Model Concepts3.6Project: CSS Box Model
Chapter 4:

Selecting Elements and Applying CSS

4.1Linking CSS4.2Selectors and Combinators4.3Specificity
Chapter 5:

Position and Layouts

5.1Position5.2Float and Clear5.3Project: Positioning and Layout
Chapter 6:

Tables, Lists and Forms

6.1Pseudo-Selectors6.2Tables6.3Lists6.4Links6.5Forms
Chapter 7:

Flexbox

7.1Flexbox Basics7.2Flexbox Properties7.3Inline Flex7.4Project: Card Gallery
Chapter 8:

CSS Grid

8.1Introduction to Grid8.2Advanced Grid8.3Grid Project
Chapter 9:

Responsive CSS

9.1Responsive Design Basics9.2Media Queries9.3Responsive CSS Units9.4Mobile First Practice9.5Responsive Design Project
Chapter 10:

Basic CSS Animations

10.1Transform10.2Transitions10.3Keyframes10.4Project: Progress Bar Animation
Chapter 11:

CSS Essentials

11.1Functions in CSS11.2Gradients in CSS
Chapter 12:

Common Practices and Tools

12.1Common CSS Practices12.2Common Tools
Chapter 13:

Card Project

13.1Profile Card
Chapter 14:

Portfolio Project

14.1Portfolio Website14.2Add the Header Section14.3Add the Hero Section14.4Add the About Section14.5Add the Blogs Section14.6Add the Project Section14.7Add the Contact Section14.8Add the Footer Section14.9Complete Project
CSS Certification

CERTIFICATE OF COMPLETION

This is to certify that

Jane Doe

has successfully completed the course

Learn CSS

Date of Issue:

Certification Code:

SIGNATURE

Founder, Chief Executive Officer

Programiz

Get CSS certified

Get your skills verified with our certification.

Showcase your expertise on LinkedIn and stand out from the crowd. Impress your potential employers.

CERTIFICATE OF COMPLETION

This is to certify that

Jane Doe

has successfully completed the course

Learn CSS

Date of Issue:

Certification Code:

SIGNATURE

Founder, Chief Executive Officer

Programiz

JOB OPPORTUNITYCOMING LATER THIS YEAR

Receive job opportunities from top companies

Upon completion of the learning path, you will receive job opportunities from top countries around the world.

Start this Course

This path is NOT for you if:

  1. You're not serious about building a career in tech.
  2. You're afraid AI will replace you instead of learning to work with it.
  3. You're looking for shortcuts instead of building real understanding.
  4. You expect results without practicing or experimenting.
  5. You're not ready to invest time and focus into your learning journey.

Learn Css by Doing

Build hands-on projects that mirror real developer challenges. Apply what you learn immediately — so you can learn by doing, not just watching.

Projects employers will love

Build Skills by Building Projects

Projects you will create:

Mini Projects

You will practice essential CSS skills by creating a series of mini projects.

Profile Card

You will design and style a personalized profile card using CSS. <br/>This project will help you learn how to use CSS properties to create visually appealing layouts and ensure your card looks great on any device.

Portfolio Page

You will build and style a professional portfolio page with CSS. <br/>This project will guide you through creating a cohesive design, organizing content, and making your page responsive.

Smiling career coach at desk

Looking to break into tech?

Landing your first job is difficult - but you don't have to go at it by yourself.

Meet our career coaches who will help you craft your learning journey, master the right skills, and confidently launch your career in tech.

Jeff Snow, USA video testimonial
"Programiz PRO helped me finally balance learning with real coding practice."

Jeff Snow, USA

Landan Devencia, USA video testimonial
"Learning felt easier with Programiz PRO — like having a personal tutor."

Landan Devencia, USA

Ayushma Malla Thakuri, Nepal video testimonial
"The interactive challenges on Programiz PRO kept me motivated to learn more."

Ayushma Malla Thakuri, Nepal

Rehab Mahmoud, Egypt video testimonial
"Programiz PRO gave me the confidence to move from beginner to builder."

Rehab Mahmoud, Egypt

Aaron Sang, USA video testimonial
"Programiz PRO completely changed how I learned and practiced coding daily."

Aaron Sang, USA

Baik “Suzy” Lingo, Australia video testimonial
"Programiz PRO made Python fun, clear, and pressure-free to learn every day."

Baik “Suzy” Lingo, Australia

Juan Arango, Jamaica / Colombia video testimonial
"Programiz PRO helped me grow fast — learn, practice, and compete confidently."

Juan Arango, Jamaica / Colombia

Courses similar to this

Courses similar to this

Loading...Loading...

Join 1,000,000+ learners
turning skills into tech careers

Start your career in tech