Learn CSS Variables

Enroll for free Get started!

Join 17299 other students

Log in to get

Access to all our free courses

Interactive hands-on content

100s of code challenges

Join a friendly community

Enroll for free

Subscribe to access!Subscribe to access!

Subscribe to access to this course and ALL other courses. You get a 30-day money-back guarantee, no questions asked.

Subscription includes

All courses and career paths

100s of coding challenges

Certificates of completion

Exclusive Pro members chat

with Per Harald Borgen

Course level: Intermediate

This tutorial teaches you CSS variables through eight interactive screencasts. It's value-packed from beginning to end, and is probably the fastest way to get an in-depth understanding of CSS Variables.

What's inside

This course contains 10 interactive scrims

Learn CSS Variables

10 lessons 31 min

1. Why learn CSS Variables - Intro tutorial

2. Your first variable - CSS Variables tutorial

3. Frontend Career Path

4. Overriding variables - CSS Variables tutorial

5. Local variables - CSS Variables tutorial

6. Theming - CSS Variables tutorial

7. Changing variables with JavaScript - CSS Variables tutorial

8. Responsiveness and variables - CSS Variables tutorial

9. Two inheritance examples - CSS Variables tutorial

10. Congratulations on Completing Learn CSS Variables for Free 🎇

You'll learn

Fundamentals of CSS Variables

Local variables and overriding

Creating themes with variables

Changing variables with JavaScript

Responsiveness with CSS Variables

Prerequisites

Before taking this course, you should have a basic understanding of HTML and CSS. Here’s our suggested resource to get you up to speed.

Learn HTML and CSS

105 lessons | 5 hours 33 min

with Per Harald Borgen

Per Harald Borgen

Meet your teacher

The course creator

Per Harald Borgen

Front-end developer and co-founder of Scrimba. Per loves helping other people learn new skills so that they can improve their lives. He makes his tutorials as simple as humanly possible, and focus on getting the students to the point where they can start building projects on their own.

Follow me on twitter

Why this course rocks

CSS Custom Properties (aka Variables) is a big win for front-end developers. It brings the power of variables to CSS, which results in less repetition, better readability and more flexibility. Plus, unlike variables from CSS preprocessors, CSS Variables are actually a part of the DOM, which has a lot of benefits.

The course contains eight interactive screencasts. All are short and to the point. At the end of most of them, the instructor asks you to solve a challenge, directly in the screencast window. This is a great way of making sure the knowledge sticks, and you'll get to check if your solution matches the instructors.

You can follow the course creator Per Harald Borgen on Twitter here.

Join the Scrimba community chat

Learning alone can be lonely. Click here to join our Discord server and connect with other Scrimba learners!