Code highlights logo


Setup and Syntax

Intro to CSS

Welcome to the world of Cascading Style Sheets (CSS)! CSS is a powerful tool used to style and visually organize HTML pages.

With CSS, you can completely transform the look and feel of an HTML page to create stunning and visually appealing web designs.

CSS allows you to:

  • Control the font family, size, and color of text
  • Set margins, padding, and borders
  • Add background colors or images
  • Control the layout and positioning of elements on the page

In this course, you will learn how to use CSS to create beautiful web pages. We will start by covering the basics of CSS syntax and then move on to more advanced topics like selectors, units, and best practices for writing efficient CSS code.

By the end of the course, you will have a solid understanding of how CSS works and be able to create your own custom styles that can be applied to any HTML page. So let's get started and dive into the exciting world of CSS!



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 6:

1<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.

Sign up to start coding

Already have an account?

Sign In

Course content