Advantages of CSS

CSS is a means of separating the content of an html document from the style and layout of that document. It’s useful to be able to do this for a number of reasons:

• CSS makes it very easy to change the style of a document. Let’s say you wanted to move the picture in the title of of your web page to the right by 10 pixels. This would be a nightmare in a table based design. You would have to open every page and alter the table width manually.With the use of CSS, and all you have to do is open your CSS file which stores the layout of the site, and change the number relating to the position of the image. That will change the position of the image in the title header throughout the whole site.The look and layout of a site can be changed beyond recognition just by altering the CSS file. This makes CSS indispensable for large web sites.
• A very useful feature of CSS is that all of the style and layout is removed from the html, so the html page size is very much smaller. The CSS file is downloaded just once by the visitor’s browser and re-used for different pages on a web site. This reduces the bandwidth requirements for your server and also ensures a faster download for your visitors.
• A search engine robot will normally consider the content in the start of your html code as more important than the text towards the end of the code. For a table based page the contents of the navigation bar will normally show up as the page description in search engine results. With a CSS page the navigation can be moved to the bottom of the source code, so the search engine displays your content instead of your navigation. Thus your site becomes more search engine friendly.
• Layout and position of navigation can be completely consistent across a site. This was previously possible only using frames.

Have a question or a comment on this post? Let us know.