EDUCATION COLLABORATION
    
  Alias   Guest 
      Sketchr    Class Tracker    My Calendar    My Notes    My ToDo Lists
EXTERNAL CSS STYLE SHEETS
 
Introduction to stylesheets
external stylesheets
Built in styles
styling Headings
styling lists
Styling P Paragraph
Learn The properties
       GUEST      
     
   YOU ARE NOW WORKING ON : INTRODUCTION TO STYLESHEETS
 
INSTRUCTIONS  

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



Terms of Service   Terms & Conditions   Privacy   Security   Safety   Contact Us  
quozr.org - DevXel © 2022  |  Online Now:  51