In this section I will teach you how to manipulate text fonts, colours sizes, and I will also be showing you how to do roll-over states, which are also known as hover states. In order to do these things, I will need to introduce you to another programming language called CSS. Don’t worry, it’s a tool that will make things faster and easier for you. When you get the hang of it, you’ll wonder how web designers did without it.

Note: It is possible to use the XHTML code to manipulate text, but I’ve got news for you, CSS has made those methods completely obsolete. Once you discover how to do things with CSS, you’ll love it!

After you’ve gone through this section and understand how CSS works, you can go to the List of Fonts, colours and attributes, to see a list of numerous code combinations that you can use to your liking.

Before you begin

Your CSS code does NOT go into your XHTML document, it goes in a separate file. If your still working with note pad, it’s very easy to set up. You go to FILE, SAVE AS, and type “the_name.css” and click SAVE. Usually people name their CSS file “stylesheet.css” or “styles.css”. I would recommend naming it this way, and also have your CSS file in the same folder as the rest of your XHTML documents, it will make it easier to refer to your file. For your CSS document, you don’t require a DOCTYPE or anything like that, you can just start typing your code (or copy and paste, whatever it is your doing).