PowerPoint Presentation

SLIDE FORMAT
All slides have a white background behind black text.  There are no graphics in this presentation.

SLIDE 1
SLIDE TITLE:  Cascading Style Sheets (CSS)
SLIDE CONTENT:
This slide is divided into two vertical columns
On the left:
Prepared by:
The NYS Forum for Information Resource Management
IT Accessibility Committee
On the right:
A photo of an animal cracker in the shape of an elephant, with two bites missing.

SLIDE 2
SLIDE TITLE:  Cascading Style Sheets
SLIDE CONTENTS:
* A style sheet is any rule or sequence of rules that affects the appearance of a document. Cascading Style Sheets (CSS) is a simple mechanism for adding style (e.g. fonts, colors, and spacing) to Web documents 

SLIDE 3
SLIDE TITLE:  Cascading Style Sheets
SLIDE CONTENTS:
* Cascading Style Sheets are used to separate presentation from content. 
* CSS is a tool for controlling the design and layout of web contents. 

SLIDE 4
SLIDE TITLE:  Cascading Style Sheets
SLIDE CONTENTS:
* The World Wide Web Consortium (W3C) developed Cascading Style Sheets. 

SLIDE 5
SLIDE TITLE:  Cascading Style Sheets
SLIDE CONTENTS:
* There are two levels of Cascading Style Sheets. 

SLIDE 6
SLIDE TITLE:  Cascading Style Sheets
SLIDE CONTENTS:
* CSS-1 is partially supported by Netscape 4.x and Microsoft Internet Explorer 4.x and later.

SLIDE 7
SLIDE TITLE:  Cascading Style Sheets
SLIDE CONTENTS:
* CSS-2 expands on CSS-1 while including all of Level One's features. It is probably safe to say all browsers will support Cascading Style Sheets someday.

SLIDE 8
SLIDE TITLE:  Cascading Style Sheets
SLIDE CONTENTS:
* Because not all browser currently support Cascading Style Sheets it is important to verify your page using a browser that doesn't support them. 

SLIDE 9
SLIDE TITLE:  Cascading Style Sheets
SLIDE CONTENTS:
* One advantage of Cascading Style Sheets is that if they are used properly you only have to change one source to impact all the pages of a web site. This makes for quicker and cleaner maintenance. 

SLIDE 10
SLIDE TITLE:  Cascading Style Sheets
SLIDE CONTENTS:
* Text browsers such as Lynx do not support Cascading Style Sheets. 

SLIDE 11
SLIDE TITLE:  Cascading Style Sheets
SLIDE CONTENTS:
* Older versions of Netscape Navigator, Microsoft Internet Explorer, AOL and Opera have little or no support for Cascading Style Sheets. 

SLIDE 12
SLIDE TITLE:  Cascading Style Sheets
SLIDE CONTENTS:
* There are four style sheet types in CCS-1 specifications: 
  * inline style, 
  * embedded style sheet, 
  * linked style sheets and 
  * imported style sheets. 
  * Embedded and linked style sheets are most commonly used.

SLIDE 13
SLIDE TITLE:  Inline Styles
SLIDE CONTENTS:
* Inline style 
  * Inserted directly into any HTML tag using the STYLE attribute. 
  * Inline styles only affect the element they're applied to. 

SLIDE 14
SLIDE TITLE:  Embedded Style Sheets
SLIDE CONTENTS:
* Embedded style sheet
  * Placed inside the head section of an HTML document; 
  * Defines document-wide styles (on its own page only). 

SLIDE 15
SLIDE TITLE:  Linked Style Sheets
SLIDE CONTENTS:
* Linked (external) style sheet 
  * Used as a global template; 
  * External document consisting only of style sheet rules (no HTML) that you can link to from multiple documents. 

SLIDE 16
SLIDE TITLE:  Imported Style Sheets
SLIDE CONTENTS:
* Imported style sheet
  * Used when a document requires styles in addition to those applied document-wide.
  * Imported style sheets are external CCS files that can be used to cascade with other imported style sheets (not supported by Navigator 4.x). 

SLIDE 17
SLIDE TITLE:  Tools to Help
SLIDE CONTENTS:
* W3C CSS Validation Service (http://jigsaw.w3.org:80/css-validator).
* CSSCheck (http://www.htmlhelp.com/tools/ csscheck/ ).

SLIDE 17
SLIDE TITLE:  QUIZ
SLIDE CONTENTS:
None.