GUEST

YOU ARE NOW WORKING ON :
INTRODUCTION TO STYLESHEETS
If you are here, you should have worked through the previous badges before attempting this one :
Inline Styles - where the style properties and values were typed into the HTML directly
Internal (In-page) Styles - where the style properties are declared at the top of the HTML page
CASCADING STYLE SHEETS
What are cascading style sheets?
Well all of the ways to style elements you have used will all work, but a problem arises if you wish to change styles in you site
Let's say you have 5 pages with tables, all styled inline, and you have decided to change the background color of the table.
You will have to go to each page and change the style
Even if you are using internal styles (top of page) - you will need to change the style multiple times there also.
Cascading style sheets to the rescue!
If we set our styles in another document (we call a stylesheet) and then link the stylesheet to your pages.
Now, all we have to do is change the styles in the stylesheet ONCE and all of the styles will change in the pages, cool right?
Work your way through the badges below and try to learn the properties each time you code