Skip to Content
Learn
Setup and Syntax
Intro to CSS

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.

Instructions

1.

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.

Folder Icon

Take this course for free

Already have an account?