Course Summary

This course covers advanced CSS topics. Upon completion, you will learn how to build a multi-column, cross-browser websites using valid CSS.

Duration

1 day.

Audience

This course is intended for designers and web programmers experienced in working with HTML.

Outline


Importing and Cascading

  • Working with multiple Style Sheets

Advanced Selectors

  • Specificity
    • Rules
    • Conflict Resolution
    • !important
  • Inheritance
  • CSS Generated Content
  • The @.. Rules
    • @import
    • @media
    • @page
  • Child Selectors
  • First-Child Selectors
  • Adjacent Selectors
  • Pseudo-class Selectors
  • Pseudo-Element Selectors
  • Group Selectors
  • Attribute Selectors

CSS Positioning

  • float
  • position
  • visibility
  • cursor
  • CSS Positioning Properties
  • Positioning Schemes

Layouts

  • One-Column Layout
  • Two Column Layout
  • Fixed-width Two Column Layout
  • Flexible Multicolumn layouts
    • using Floats
    • Using Positioning
  • Fixed-width Multicolumn layouts
    • using Floats
    • Using Positioning
  • Asymmetric Layout
  • CSS Stacking

Tricks and Hacks

  • Internet Explorer Hacks
  • Netscape Hacks
  • Debugging CSS