Drag the edges to resize the window.

In Projects, you can keep track of your progress as you go throught the tasks. Check each item as you complete it!

Code Editor
Web Browser

The Power of Colors

In the last unit, you learned about the basics of CSS, including:

  1. How to link HTML and CSS files together
  2. How CSS syntax works

Along the way, we styled a different properties of HTML elements, but the details of each property weren't explained. For example, we changed the colors of headings and paragraphs, but we didn't explore the full power and versatility of color.

Professional websites often use various aspects of color in order to create a visually appealing user experience (UX). In this lesson, you'll learn how to use CSS to style web pages with color.

Let's begin!


Take a look at the web page in the browser to the right. It does a good job of showcasing the captivating power of color. In the next few exercises, we'll learn how to manipulate color to create visually engaging web pages.

Report a Bug
If you see a bug or any other issue with this page, please report it here.