Advanced Styling

Box Model, background images, opacity, float, columns, visibility, and designing for different browsers.

• Slides

  • 02_css3.zip

• References

  • Document: Resources
  • Video: Box Model
  • Slides: Box Model
  • Document: Coding Together
  • Video: Code Together
  • Video: Styling Links and Lists
  • Slides: Styling Links and Lists
  • Video: Advanced Selectors
  • Slides: Advanced Selectors
  • Document: Supplemental Reading on Complex Selectors
  • Document: Shorthand Rules
  • Video: Browser Capabilities
  • Slides: Browser Capabilities
  • Document: Browsers
  • Document: Code Together
  • Video: Code Together
  • Document: Background Images and Opacity
  • Video: Designing for Accessibility
  • Slides: Designing for Accessibility
  • Document: Optional - The importance of headings
  • Video: OPTIONAL: Homework Description
  • Slides: Homework Two
  • Document: Homework Two Description
• Tools:
  • Quiz: Review (OPTIONAL) (Login Required)
    
  • Quiz: Advanced Selectors (Login Required)