Basic CSS Tutorial

Decorate Your Header

Having the same header or a specific logo on every page on your site lets visitors know that they're still on your site.
add style to the head of your page The title for our page is already there as a heading, you can change the wording if you like. First we need to move it into the header section of our page. (Cut and paste it.)
add style to the head of your page Now we create a formatting group for our header.
add style to the head of your page The font is already a nice size for a website title but we can make it a different color.

Add a bottom border to separate it from the rest of the page.

and some padding to balance it.

Use what you've learned to do more to your header - whatever you want.

And Your Footer

You'll want to add some text in the footer section of your page and create a footer section in your CSS file.

Special characters for HTML are also available online and the copyright equivalent is ©.

How it looks. Header and footer added and decorated.

Previous Next