Benefits of Using CSS(Cascading Style Sheets).

Cascading Style Sheets (CSS) allows you to create fast loading pages, increase your search engine rankings, and modify your whole site with one style sheet. So why don’t more people use them? This is because they got so used to html design and are afraid or too lazy to upgrade their skills. Some will also use ready made templates that contain flashy graphics, bloated code and sometimes even contains hidden code embedded in the page.

Benefits of Cascading Style Sheets

1. Separate content from presentation – You can separate your HTML markup, text, graphics and multimedia from presentation.

2. Consistent site wide look and feel consistency – You can apply one style for 100s of web pages all at once. So if you had to change the color of all pages on your site, you only have to edit one style sheet. This saves you a huge amount of time, especially if you had to edit each page separately.

3. Web site maintenance - Apart from being able to make site wide changes easily through one CSS file, the clean code it generates makes it easier to update. Properly marked up web pages permit them to be maintained by more than one person. It will also work in more browsers. Website redesigns will take much less time.

4. Improve search engine rankings – Search engines generally spider the code at the top of your web page first. For most sites that means the navigation bar will be spidered first (resides at top of page code). CSS enables you to position the code for your content at the 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 the amount of tags used therefore producing clean code. Tableless design can reduce your load time by 25% to 50%.

6. Reduce bandwidth – Compacting the amount of code used will reduce the 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 meansbeing 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 the printing of web pages – Most printers will only allow you to print a portion of the web page. With CSS your whole document can be printed. (Useful for business purposes)

Summary ::

• Browsers read through tables twice before displaying their contents, once to work out their structure and once to determine their content.
• Tables appear on the screen all in one go - no part of the table will appear until the entire table is downloaded and rendered.
• Tables encourage the use of spacer images to aid with positioning.
• CSS generally requires less code.
  
• All code to do with the layout can be placed in an external CSS document, which will be called up just once and then cached (stored) on the user's computer.
• With CSS you can control the order items download on to the screen - make the content appear before slow-loading images and your site users will definitely appreciate it!

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.