In this example you can create the 'yourownstyle.css' using NotePad or whatever your favourite text editor is. There are dedicated CSS style programs out there, TopStyle Pro is the one I am using at the moment but there are others. Get the basics right, then look out for these programs, mine came free on a PC Mag cover disk.

Copy and paste this code into a blank document and save as 'yourownstyle.css'

body{ font-family: Georgia, Times New Roman, Times, serif; font-size: medium; text-align:left; text-decoration:none; color: cc33cc; font-style: italic; background-color: ffffcc; } h1{ font-family:verdana, arial, helvetica, sans-serif; font-size: large; font-weight: bold; font-style: normal; background-color:transparent; color: ff0000; text-align:center; } h2{ font-family: verdana, arial, helvetica, sans-serif; background-color:transparent; font-style: normal; font-size: small; color:#333333; } h3{ font-family: Times New Roman, Times, serif; font-size: medium; font-style: italic; text-align: left; background-color:transparent; color:#333366; } h4{ font-family: verdana, arial, helvetica, sans-serif; font-weight: bold; font-style:normal; background-color:transparent; color: 0000ff; }

Where you save it is not important, as long as the pages requiring the CSS style link to it correctly, my styles are saved in a folder called 'styles' which is located at the sites root.
Once saved, close the newly created CSS file and re-open the file you saved earlier 'step2.html'. If you remember this is the bare-bones page with all the tags stripped of their attributes.

Back to CSS Part One Page Three | Forward to CSS Part Two Page Two