Defining CSS

What is CSS Exactly?

Cascading Style Sheets (or CSS) is recognized as the recommended way to maintain the presentational level of a website document.

The main and utmost important benefit of using CSS over presentational markup imbedded in HTML is that all styling can be kept separated from the content of the document. You can create a single CSS file and attach it to your web pages for easy maintenance.

For instance, if you had a website that consisted of 1000 pages and you wanted to change the text color of your <H1> tag, you could easily update all 1000 pages instantly by modifying one CSS file. If your presentational markup was imbedded into each HTML web page, you would have to edit 1000 pages if your website look was to remain consistent throughout the entire site.

Simply attaching one or even a few external CSS files to your web document offers a great number of benefits. It would be difficult to overstate just how beneficial using CCS is but in the simplest of terms: it is obviously much more efficient editing (or maintaining) one file instead of 100, 1000, or 10,000 HTML documents.

Sometimes with smaller sites, some designers may not recognize the benefit but I highly recommend getting into the practice on sites of any size. I can speak for experience… it save huge amounts of time.

1. 

   Written by ourname on June 12 2008 - Visit My Website

   When I first started designing websites, I found CSS a little confusing: I was just so used to using tables & cells.

   However, now that I have a better grasp on CSS, it is SO much better and MUCH easier to make updates.

   Thanks

   Reply
2. 

   Written by Steve Haeckel on September 4 2009 - Visit My Website

   Note url for website is old version. I am in process of recreating it in WordPress

   what its the html code to insert in CSS that would allow me to insert a line space above every h2 heading?

   Reply
• 

  Written by Web Considerations on September 5 2009 - Visit My Website

  Hi Steve,

  I will try to explain a couple of things that may help.

  First, look for the h2 tag in your css. You can add a line margin-left: 20px.

  That will add a 20px space to the left of the h2 styling. You can, of course, adjust the number more or less. Once you get the amount you need, upload the style sheet to your server.

  There are other methods that you can do but that would certainly be the easiest. If you need more info… let me know.

  Reply