1. Cascading Style Sheets

2. CSS zAllows for more control over the look of the pages. zProblems. Older versions of the browsers do not fully support the CSS standards and even the newest browsers can be flaky in implementing certain CSS styles.

3. The Three Main Types of CSS z Inline styles - which can be inserted into any existing HTML tag. zDocument level styles - which are styles embedded within the tag of an individual document. z An External CSS file which is linked to a collection of web pages/documents.

4. Inline Styles zThe inline style is the simplest way to modify a tag. You insert the style attribute within the HTML tag and then assign properties and their values. z

5. Document Level Styles z Positioned between : TAGS. zRules syntax: selector { property:value; property:value, value, value; } zH3 { color:#663399; font-family: Arial, Helvetica, sans-serif";}

6. Document Level Styles zNested in the style tag is where the selector portion of the tag is placed. It looks like a comment: z zThis is actually a document level style which will affect all the tags on this page.

7. External Styles zExternal style sheets allow you to create a separate text file which defines style properties. zThen apply those styles to a collection of documents (unlimited in size). zstyles.css (text file with styles) z (order doesn’t matter)

8. External Styles (Text File) zh3 { color : Purple; font-size : 18pt; font-family : Impact; background : Silver; }

9. External Styles (placement) z C.S.S. External One

10. Understanding the Cascading zOrder of priority: zinline zdocument level zexternal z example

11. Style Classes z Classes allow you to create several styles for a single tag. a ztd.a {color : Black; zfont-family : Verdana } b ztd.b {color : Navy; zbackground : #D6EDEF; zfont-size : 9px; } c ztd.c {color : #286468 }

12. Homework zNo Quiz next week. zinline, document, external 10 points. zall 3 styles (same tag) on 1 page 10 points. z2 classes 1 tag 10 points. zHomework not due until 5/8.