CSS Styling

Because search engines don't read cascading style sheets (CSS), they are great for optimizing the html pages for search engines, while changing the look of the page.

For instance, you might want to place emphasis on a chunk of text by denoting it with an H1 tag, however, who wants to see 20 point text on their page. You can simply create a style for the H1 tag as follows:
<style type="text/css">
h1
{
font-size: 12px;
font-family: Arial;
color: cccccc;
}
</style>

By doing this you are ensuring that all your H1 tags are now 12 pixels in size with Arial font and grey in color. However, you might find a hurl when you want to simply add your h1 tag to text that is merged in as part of a sentence. Don't panic, you can still place the emphasis for the search engine and maintain continuity in your text by simply adding a display:inline tag to the previous CSS code. The modified code will look like:
<style type="text/css">
h1
{
font-size: 12px;
font-family: Arial;
color: cccccc;
display:inline;
}
</style>

This display:inline code simply forces all text to remain in the same line. If you really want to play it safe don't forget to throw in a margin:0; and padding:0; for good measure. This will ensure that there is no extra space surrounding the text enclosed in the h1 tag.

The bottom line is that you can design a pretty attractive page while placing the correct emphasis on your keywords. Search engines look for this emphasis to place proper relevance on the text you are presenting. This CSS trick works for all tags, h1, h2, h3, ..., h6, as well as, p, br, body, and all other relevant html tags. One final note, if you want to apply CSS to a particular table, row, or column, then you can simply denote them with an id and apply your CSS base on this by using the hash mark followed by the id given in your stylesheet like this: #myid.