Why Use CSS-Based Design

The goal is to harness the benefits that make the technology powerful from a design standpoint: less code, increased accessibility, and easier maintenance, to name a few.
Dan Cederholm from Bulletproof Web Design (page vii)

Cascading Style Sheets (CSS) allow for the designer to separate the content from the design. A CSS-based design allows the designer to create a site with much less code than a site with an identical look that has been designed with tables. While tables are appropriate in some situations, a design that primarily uses CSS to control the layout has several advantages:

  1. The decreased amount of code allows for faster downloads.
  2. The decreased amount of code allows search engines to easily access the true content of a page, ideally resulting in higher search engine rankings. Search engines rank pages based on their content. With table-based design the page will contain substantial coding that does not relate to the content. CSS-based pages will have minimal extra markup which makes it easier for the search engines to find the content. If excessive coding prevents the search engines from finding the content, the pages ranking will suffer. In addition, CSS-based design allows the website designer to position the most valuable content ahead of less meaningful content, whereas tables present content in the order that it is displayed on the page. Content higher in the code will generally have more influence on search engine rankings.
  3. CSS-based design is easier to modify than table-based design. If a designer wants to make significant changes to the layout of a page designed with tables, starting over may be the only option. CSS makes it easier to perform routine updates as well as significant layout changes.
  4. CSS-based design allows a website to be more accessible across various browsers, as well as to those with disabilities using screenreaders and other devices.

If you are interested in creating a new website or having your current website re-designed, please see the packages that are available from Vandelay Website Design.

Looking for hosting? WPEngine offers secure managed WordPress hosting. You’ll get expert WordPress support, automatic backups, and caching for fast page loads.

22 Responses

Comments are now closed on this post.

  • Braintrove.com, January 2, 2008

    CSS is definitely the way to go. Tables have their place, but they do render slower. Thanks for sharing your ideas.

  • css web templates, January 23, 2008

    CSS is definitely the way to go.i like the templates design with css!

  • Rusty, March 14, 2008

    CSS is the future!

  • diş beyazlatma, March 22, 2008

    thanks

  • cssmake, July 10, 2008

    good information

  • Term Papers Help, August 17, 2008

    I totally agree here. CSS makes your life a lot easier. These days I just can’t imagine designing a website without using CSS. With CSS you can save a lot of code and it will actually help you in maintaining your website.

    CSS can also help you reduce errors, especially related to browser compatibility. And last, but not least, it will help you modify you website with ease.

  • Lida, September 13, 2008

    Thanks for sharing your ideas.

  • James, November 24, 2009

    Hey friends.
    I totally agree with this. Using CSS you have so much flexibility.

  • sinema izle, December 7, 2009

    Hey friends.
    I totally agree with this. Using CSS you have so much flexibility.

  • gelizle, January 11, 2010

    CSS can also help you reduce errors, especially related to browser compatibility.

  • Sahil, January 18, 2010

    Css can even change the whole design without changing a single html code.

  • Ayırma Büyüsü, April 9, 2010

    Css can even change the whole design without changing a single html code.

  • Simferopol garden, September 28, 2010

    It is very instructive for the novice programmer to know that it may even change the whole design without changing a single HTML code.

  • donny83, October 10, 2010

    good tips.yes , css is good also for people that want to optimize their SEO websites.i know very well because seo is my job :))

  • โปร, November 16, 2010

    very instructive for the novice programmer to know that it may even change the whole design without changing a single HTML code.

  • Rewards Generator, December 2, 2010

    CSS is the best.
    I hate having one stylesheet with millions of lines of code so I separate them into separate many stylesheets making it easier for me to change stuff. :P

  • Kevin, October 26, 2011

    CSS is where its at.

    I also use CSS sprites to combine all my images and further speed up my website.

  • Ayrıma Büyüsü, April 5, 2012

    I totally agree with this. Using CSS you have so much flexibility.