Coding CSS

A CSS code is used to customize the text, links, textareas, etc. on a site and make everything colorful. Here's a basic CSS code you can use and fill in:

This is what everything means (starting from the top):

• color Your main font color. Use my color chart if you need a hex code.
• font-family This is what your font is going to be. You should try to use a font that everyone has, like Verdana or Tahoma, instead of a font you downloaded. A font family is a group of similar fonts, so if someone doesn't have one on their computer, it goes to the next font. To make the font Georgia, for example, use Georgia, Times New Roman, Times, serif. This way, if Georgia doesn't work, the visitor will still see a serif font.
• font-size The font size. To see what different font sizes look like, click here.
• background-color The background color of your pages.
• text-align You can change the alignment of the text by using left, center, right, or justify.
• A:link Changes what a normal link looks like.
• A:active Changes what a link looks like once you've clicked on it and a page starts loading.
• A:visited Changes what a link looks like after you've clicked on it.
• A:hover Changes what a link looks like when you hover over it.
• b What all bold text looks like.
• i What all italicized text looks like.
• h1 This section changes what your headers look like. Take it out if you don't want headers. You can have more than one header - just copy and paste this part and change the h1 to h2, h3, etc.
• input, submit, textarea Changes what your forms, input buttons, and textareas look like. The border style can be changed to solid, dashed, dotted, inset, outset, or ridge.

When you're done, save the code as style.css in Notepad and use my CSS Shortcut tutorial to find out how to add it to your site.