Click here to navigate the course.

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
CSS Setup and Selectors

Intro to CSS

The basic structure of every web page, HTML, is very plain on its own. The beautiful websites that you see across the internet are styled with a variety of tools, including CSS.

CSS, or Cascading Style Sheets, is a language that web developers use to style the HTML content on a web page. If you're interested in modifying colors, font types, font sizes, shadows, images, element positioning, and more, CSS is the tool for the job!

In this lesson, you'll learn how to select which HTML elements you wish to style and set up your CSS file structure.


Take a look at the code and the browser to the right. The code is plain HTML without any styling. Let's take a quick look at the power of CSS.

Copy the following line of code, paste it on line 5, and run your code

<link href="style.css" type="text/css" rel="stylesheet">

What happened? Take some time to explore and experiment with the code in style.css.

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