CSS (Cascading Style Sheet) is a term used for a file that you use to make the content on your website look a certain way.

First let me explain a style sheet. There are classes, elements and ids.

  1. A class is defined as an element that can be called by an HTML file by using the class code. An example of calling a class from the style sheet would be "<span class="class_name">Words go here</span>". This class calls an would style the words “Words go here” with the class "class_name" from your style sheet. your style sheet would have to have the definition ".class_name {defenition; defenition}" in order for the class call to work. Notice the decimal before the class, this tells the HTML document that this is a class.
  2. An ID can be defined the same way as a class however an ID can only be used once in an HTML document. Usually your would use ID when you are going to add a bunch of classes within the &lgt;div&rgt; or tag. An ID can be called by using "<div id="id_name">your text here</div> ". In this example, the whole DIV is styled with your defined "#id_name {defenition; defenition}" within your stylesheet. Notice the pound sign at the beginning of the style. This tells your HTML document that the style is an ID.
  3. An element can be used as many times as it comes up within your page. Elements are predetermined HTML tags such as body, html, h1, h2, p and so on. You can add a style to these from within your style sheet by using "h2 {defenition}". Notice that there is NOTHING before the class. This tells the HTML document that it will apply this style to all of the h2 tags within your document. This is handy for search engine optimization as search engines see H1 and H2 tags as important parts of your website.

There are a few steps that we impliment in EVERY website design and we suggest you or the company you choose to design your site follow.

  1. Design your site with Style Sheets, DIV, SPAN tags to allow for easy updating and styling.
    1. Style Sheets are external files that can be altered seperately from the website.
    2. DIV tags will allow fluid layouts and redesign options in the future without touching the existing HTML pages at all.
    3. SPAN tags allow inline styling within sentances, paragraphs
  2. Use the ELEMENT tags as often as possible within your style sheet so that your page can be indexed the way it is meant to be shown with H1 tags being major titles, H2 tags being subtitles, and Paragraphs being just that, paragraphs.
  3. Use External style sheets that are linked to your page, not imported. This way you can include 2 style sheets for all of your documents. One for screen that can be called by using "<link rel="stylesheet" type="text/css" media="print" />. You can call the file anything you want, it does not need to be called print.css, the important part is the media element. This lets the browser know only to use the style sheet when printing the page.

If you have any more questions about CSS or would like to hire CSS experts such as ourselves. please contact us on our contacts page.

  1. I’ve been able to do a lot with CSS and tables.

    • Hi Letitia

      Depending on what you’re using your tables for, then congratulations! Try your hardest not to use tables for layout or any functional pieces of your website. Tables should be reserved for tabular data.