• Introduction
• What's Needed
• Tags, Elements & Attributes
• The Basics
• Headings
• Paragraphs
• Lists
• Links
• Images
• Tables Part I
• Tables Part II
• Forms Part I
• Forms Part II

• Introduction
• Syntax of CSS
• Stylesheet Types
• ID & Class
• Div & Span
• Text
• Font
• Backgrounds
• Links
• The Box Model
• Margin & Padding
• Floating

• Planning Stage
• Creating Stage
• Uploading Stage

Welcome to Cascading Style Sheets ( CSS ) !

CSS can be considered to be an extension of HTML. It allows you to customize your web pages by giving you control style and layout. In essence, most of the formatting of your pages can be accomplished with CSS.

The Advantage ?

One of the most important is that it saves you time. Lot's of it.

Imagine you created 10 different pages with a heading and you now wanted to underline each heading on each page. You would have to open every single page and add the underline tag ( <u> </u> ), which by the way is depreciated in HTML 4.01.

With CSS, you can just add the formatting to a style sheet and have it applied to every page. So instead of accomplishing your goal in 10 steps you accomplish it in only one. Instead of opening 10 pages and adding an underline tag you just add it to the style sheet instead.

What program do you Need ?

To learn CSS you need nothing more than the previously recommended Notepad or Notepad ++. As much as possible you should desist from using programs such as Dreamweaver which simplifies the process and rids you the ability to learn and fully develop an appreciation of CSS.

If you are not sure how to access notepad on your computer you may visit the Whats Needed section in the HTML tutorials.

Any experience necessary ?

Not really. But it is highly recommended that you have some experience with HTML before advancing to learn CSS. Think of HTML as the first step in your course and CSS as your next.

                                                       Begin Lesson - Syntax of CSS