Intro

Welcome to Simple Dev's CSS Crash Course!

This course is designed to teach CSS to students with limited coding experience, or to students with experience in a different coding language. Because CSS is closely tied to HTML, you are expected to have some experience with HTML. If you don't know HTML yet, you can take our HTML Crash Course.

This course is also designed to teach students who are using Windows or macOS. I'm personally using macOS, and all my screenshots will be from a computer running macOS, but I include information on shortcuts and actions for Windows users as well.

We also assume that you have some experience with a text editor, which is the program you use to write code. The text editor we'll be using in this course is called VS Code. We'll go over how to download it below.

You may have experience with another text editor, which is fine, but we recommend using VS Code to follow along with our course. You can use a different text editor if you prefer.

Viewing Pictures

If you'd like to take a closer look at any of the pictures in this course, just right click on the picture and select Open Image in New Tab.

VS Code Instructions

Download

To download VS Code, visit the VS Code website.

Then press the Download button.

This will take you to a new page and start the download.

Install on Windows

On Windows, it’ll download as a .exe file.

Click the file to run the setup program, go through the steps and you should be good to go.

Install on macOS

If you’re on Mac, it’ll download as a Zip file.

You’ll want to double click the file to extract it, and then drag the file to your Applications folder.

Open

To make sure everything is working, go ahead and open up VS Code.

If it’s working, you should see a screen that looks something like this.

Differences

Mine might look a little different since I’ve opened up VS Code before, but it should look close. One difference is that VS Code changed the default theme in a recent update, so your colors might look a little different than mine.