Lesson-1 (Introduction to CSS)

 

 

Cascading style sheets are a new way of formatting your page layout, text, fonts, images, and almost anything you put on the page. As you saw above, they allow you to position things on your page down to the exact pixel. Also, if a style is declared in the head section of a page, a change to the style changes the style on the entire page. We'll get to the details in later tutorials, but here is the general idea:

 

Let's say you created a style for a heading tag, <H3>. In your style, you set the color of your H3 tags to red. Now if you have 10 H3 tags on the page, and decide you would rather have your headings be blue, you would no longer need to go back and change the font color for each heading. All you have to do is change the style of your H3 tags from the color red to blue. Changing the style once will adjust all of your H3 tags and they will now be all blue instead of red, with alot less work.

 

This gets even better if you use an external style sheet for more than one page. Changing the style properties in the external style sheet will now adjust every page that uses that style sheet, so you can avoid editing each page individually to change it.