CS47

Within these castle walls be forged Mavens of Computer Science ...

— Merlin, The Coder

Intro to CSS

First off, what does CSS stand for?

CSS stands for Cascading style sheets, all that means is CSS will allow you to design and make your website unique. An example is changing the background color, or how BIG or small your text is. To do all this we will make a style sheet which is an empty HTML file named Style.css We can make many CSS changes, but we will start with the basics.

Color

To start you need to know how to type a color so the computer can read it. All colors are written using a combination of letters and numbers. Here's a picture with some basic colors to help.

While it looks weird at first these will help you immensely. But now we will put it into action. Let's start with the background color. Here's an example:

body{background-color: #000000}

This will make your background black.

Now using this for text is a little different, but similar. Like here:

h1{color #FF000

This will make your heading text red.

This is all for colors so now size.

Size

This is actually really simple now that we have done the colors. You just have to put the number size you want next to the phrase "font size".

h1{font-family: 40px }

This will make your font size 40 pixels big!