Skip to Content
Learn
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.

Instructions

1.

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 and paste the following line of code on line 5:

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

What happened when you press Run?

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?