Virtual University

Introduction to Cascading Stylesheets

Week 1:

• 1.1 Fonts and Colors
• Template 1
• Template 2
• External Style Sheet CSS
  BODY: background color and image, margins, font, justified text
  HEADINGS: font, alignment, border
  LISTS: background, font, types

Week 2:

• 2.1 Embedded Style Sheets, Margins, and Borders
• 2.2 List Style Properties and Techniques
• Template 1
  Embedded style sheet adds a border, background, margin, and padding to the IMG tag; adds border, background, margin, and padding to the DL list and underlines the DT's.
• Template 2
  Embedded style sheet changes the BODY background color; adds a border, padding, and margin to the IMG; and uses CONTEXTUAL SELECTOR for a NESTED LIST to change its font and substitute IMAGE BULLETS.
• External Style Sheet CSS
  BODY: background color and image, margins, justified text
  HEADINGS: font, alignment, border
  LISTS: background, padding, font, types
  LINKS: font-style and colors for links, active links, visited links, and hover overs

Week 3:

• 3.1 Inline CSS
• 3.2 SPAN, DIV and CLASS
• 3.3 Adding Some Design
• Template 1
  
• Template 2
  
• External Style Sheet CSS
  

Week 4:

• 4.1 Link Alignment, ID Selectors, @import, and More
• 4.2 Pseudo-Selectors, Pseudo-Elements, and Pseudo-Classes
• 4.3 White Space: Designing in Style
• Template 1
  :first-line, :hover state for hyperlinks, vertical-aligned image, forced page break, !important override
• Template 2
  Anchor states (link, active, visited), :first-letter, hanging indent with negative-text-indent and margins, vertical-align, !important override
• External Style Sheet CSS
  Letter-spacing, word-spacing, line-spacing

Week 5:

• 5.1 Relative Positioning
• 5.2 Absolute and Static Positioning
• 5.3 Visibility and Overflow
• Experimenting with Relative and Absolute Positioning
  
• Extra-credit Assignment
  

Virtual University, Summer 2003