Simply put: CSS is the way we format the style, look or appearance of a webpage. It is a separate language from HTML, JavaScript, or Python. But we are able to link up or attach stylesheets to other languages to make visual changes. CSS stands for Cascading Style Sheets. “Rules” for design and visual adjustments are coding in these stylesheets.

Throughout these lessons you will see a sidebar navigation on the right side of every page. You can expand this navigation by clicking on the + button. This lets you see sections within a topic. Click the - button to shrink or collapse the navigation bar back down. As long as you keep track of where you were you can hop back by clicking on any of the lessons.

Each lesson contains exercises, puzzles, questions or problems to solve. Once you take care of these you can move forward (or backward!) by clicking the buttons at the bottom of every page.

When you enter your answer(s), a link to your CodeSandbox, or whatever the question asks, you must always enter your FIRST NAME and LAST NAME INITIAL otherwise you will not get credit for the answer! Here’s an example:

These lessons will start off easy with a bit of coding and some questions. By the end of the course, however, you will code entire website CSS on the fly!

In this chapter we’ll get set up for coding CSS. We’ll need to do the following:

• Get started in Code Sandbox

• Understand what “forking” is and how we’ll use it

• Explore ways to use templates

• DevTools for help with styling

For this CSS course we will use CodeSandbox, Chrome, and DevTools. If you already know these tools I still want you to work through and answer the questions and submit the assignments. If you already know all this you’ll breeze through. If you’ve forgotten something then this will be a great refresher!

Before we dive into CSS, I have just one question…