The Importance of CSS in Web Design
Saturday, November 22nd, 2008
Quite a few years ago a couple of gentlemen by the name of Tim Berners-Lee and Robert Cailliau invented the World Wide Web. A system of interlinked hypertext documents accessed via the internet - a system that would change the way the vast majority of the world trades information.
Within these hypertext documents lies information. Not just the information you see on a web page, but information that controls the design and layout of the page itself. The vast majority of the pages you see on the internet are laid out using one of two methods, either tables, or cascading style sheets (CSS).
There is no reason to argue the use of one over the other, as CSS is already known to be superior, but I will point out a few reasons why I personally use CSS for mine (and my clients) web designs:
- CSS based layouts are very search engine friendly. Using CSS helps eliminate unnecessary javascript mouseover effects. This will make your navigation menus cleaner, and easier for search engines to read. If a search engine has problems reading your navigation they may not find all the pages within your website. See an apples-to-apples comparison on the code required to power one of Google’s navigation menu here.
- CSS layouts are flexible. In a CSS based layout you have several options for positioning elements within your page. Let them flow in the order they appear in the code, or tell certain DIVs to float left, and others to float right. Here is a good example of this - a web page that uses a single HTML file, but lets you toggle between several style sheets to reorganize the page.
- CSS is lightweight. Using CSS will ‘thin down’ the HTML required in a web page. This will decrease load times, and the strains on your servers.
- CSS design is beautiful. Just ask these guys - www.csszengarden.com. This is a great showcase of the capabilities of CSS based design.
If you’ve got any compelling reasons to use table based layouts I’d love to hear them. Until then I’ll stick to CSS!
