Thursday, August 18, 2011

CSS3 Tutorial 1: Intro to CSS3

CSS stands for Cascading Style Sheets, it was invented to solve one problem, How to display HTML elements. HTML was never intended to contain tags for formatting a document,  It was intended for basic tags like <h> and <p>, When color attributes were added to HTML 3.2 it caused a nightmare for web developers, Each page had to be edited individually every time you wanted to change the color or font, and thus CSS was born.
The way CSS saves work is the ability to use external style sheets, in laymen's terms: having your CSS document separate from you HTML document.

CSS documents are normally saved in external .css files, editing this file allows you to change all your pages at once.

CSS Syntax
A CSS rule has 2 main parts, the selector and the declaration, Here's an example:
h1 {
       color:red;
       font-size:14px;
     }
 The selector is usually the HTML element you want to style. Each declaration consists of a property and a value, The property is the style attribute you want to change and each property has a value.

To add comments to CSS code you use "/*" to open the comment and "*/" to close it.

11 comments:

  1. I have heard of CSS but never really knew what it was until now. I look forward to part 2 of the tutorial.

    ReplyDelete
  2. can you tell me what it is used for?

    ReplyDelete
  3. Linux, It's essential to make sites look good.

    ReplyDelete
  4. nice, im fairly new to programming and these can help me out alot mostly with the newer HTML updates at least its not a MAC :D

    ReplyDelete
  5. Getting a little more advanced now, i like it. I actually never knew what CSS stood for until now.

    ReplyDelete
  6. cheers murder, love coming to your blog and learning a bit of scripting at a time :D

    ReplyDelete
  7. I never worked with Linux before. Never really needed to. Keep them coming, though. No such thing as bad knowledge.

    ReplyDelete
  8. I've always wanted to get into scripting.

    ReplyDelete
  9. May be getting into this soon. Smart life skills learning this stuff, mate.

    ReplyDelete
  10. Love coming here, always get to learn something new and extremelu useful :D cheers mate

    ReplyDelete