While HTML is the fundamental structure of every web page, it can be visually unappealing on its own. Cascading Style Sheets or CSS is a language web developers use to style the HTML content on a web page. If you’re interested in modifying colors, font types, font sizes, images, element positioning, and more, CSS is the tool for the job!

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



Take a look at the code in index.html and observe how it displays in the browser to the right. This is plain HTML without any styling. Let’s take a quick look at the power of CSS.

Copy and paste the following line of code onto line 5:

<link href="style.css" rel="stylesheet">

What happens when you press the Run button?

Take some time to explore and experiment with the code in the style.css file.

Take this course for free

Mini Info Outline Icon
By signing up for Codecademy, you agree to Codecademy's Terms of Service & Privacy Policy.

Or sign up using:

Already have an account?