4. Improve search engine rankings – search engines generally spider code at top of your web page first. For most sites that means navigation bar will be spidered first (resides at top of page code). CSS enables you to position code for your content at top making your page search engine friendly. Properly marked up HTML pages can easily found and properly categorized by search engines

5. Fast loading – CSS reduces amount of tags used therefore producing clean code. Tableless design can reduce your load time by 25% to 50%.

6. Reduce bandwidth – compacting amount of code used will reduce amount of bandwidth needed to host your web pages. Therefore you won’t have to pay higher fees when adding more web documents to your site.

7. Accessibility - increasing accessibility with CSS means being able to serve web content to a larger audience, increasing web site usability, even for non-disabled people. Content can easily be formatted for projection as well as screen display. Tableless layouts display well on hand-helds.

8. Improve printing of web pages – most printers will only allow you to print a portion of web page. With CSS your whole document can be printed.

When you use CSS it becomes quick and easy to apply new styles that can not only effect all styles on your web page but even your whole site.

In next article I will explain how to layout a web page using CSS.

3. Create side navigation menu - to build left side navigation I use normal CSS code for different links ie

a:link {

text-decoration: none;

}

a:visited {

text-decoration: none;

}

a:hover {

text-decoration: underline;

color: #FF0000;

}

a:active {

text-decoration: none;

}

If links are placed elsewhere on page they will inherit same properties as above..a blue link that hovers to red. What if you wish to create another set of links that are a different color and on passing your mouse over them they are underlined.

4. Create bottom navigation - to include this in