Difference between CSS and HTML

CSS / By
HTML is used to structure content. CSS is used for formatting structured content.
 
Okay, it sounds a bit technical and confusing. But please continue reading. It will all make sense to you soon.
 
Back in the good old days Tim Berners Lee invented the World Wide Web (WWW), the language HTML was only used to add structure to text. An author could mark his text by stating “this is a headline” or“this is a paragraph” using HTML tags(elements) such as <h1> and <p>.
 
Designers started looking for possibilities to add layout to online documents, as the Web gained popularity. To meet this demand, the browser producers invented new HTML tags such as for example <font> which differed from the original HTML tags by defining layout – and not makeup or structure.
 
This also led to a situation where original structure tags such as <table> were increasingly being misused to layout pages instead of adding structure to text. Many new layout tags such as <blink> were only supported by one type of browser. “You need browser X to view this page” became a common disclaimer on web sites.
 
To providing web designers with refined layout opportunities supported by all browsers, CSS was invented. site maintenance is made lot easier, by providing separation of the presentation style of documents from the content of documents.
 
 
Which benefits will CSS give us?
 
CSS was a revolution in the world of web design. The concrete benefits of CSS include:
  • control layout of many documents from one single style sheet;
  • more precise control of layout;
  • apply different layout to different media-types (screen, print, etc.);
  • numerous advanced and sophisticated techniques.
 
 
What can we do with CSS?
 
CSS is a style language that defines layout of HTML documents. For example, CSS covers fonts, colours,margins, lines, height, width, background images, advanced positions and many other things. Just wait and see! What CSS can do for you?
HTML can be (mis-)used to add layout to websites. But CSS offers more options and is more accurate and sophisticated. CSS is supported by all browsers today.
 
After only a few lessons of this tutorial you will be able to make your own style sheets using CSS to give your website a new great look.