Accessibility and Standards

• Why Standards and Accessibility Matter
• Current Standards for XHTML and CSS
• Using CSS to Replace Deprecated HTML Features
• The Role CSS Plays in Web Accessibility

Introduction to Cascading Style Sheets

• Reasoning of CSS: Content, Structure, Formatting
• What can I do with CSS that I can’t do with HTML?
• Style Rules: Properties, Values and Selectors
• The Cascade: Inheritance and Precedence
• Parents, Decendents, Proximity and Specificity

CSS Declarations and the Style Attribute

• Old School vs. New School Techniques
• Deprecation of <font> and <center>
• Issues with <b>,  <i>, and <table>
• Text Styling and Sizing for Accessibility and Printing
• Alignment, Indentation and Margins
• Text Color, Backgrounds, How to Specify Color

The Style Element and Linked Style Sheets

• Document Styles and Inheritance
• Selectors, Elements, Classes and IDs
• Linking to One or More External Style Sheets
• Specifying Different Style Sheets for Different Media
• Creating and Testing Style Sheets for Printing

Working with Selectors in Style Sheets

• Element Selectors and the Document Object Model
• Using Descendent Selectors, Classes and IDs
• Why to Prefer Descendent Over Class and ID
• The Proper Use of <span> and <div> Elements
• Using Psuedo-Classes and Combining Selectors

CSS for Text, Links, and Lists

• Understanding the CSS Box Model
• Changing Block Level and Inline Elements
• Removing White Space After Headers
• Link Underlines and Adding MouseOver Affects
• Lists: Bullets, Indent, Image Bullets & Enumerators
• How to Display a List Horizontally

CSS for Images

• Replacing Deprecated Image Attributes with CSS
• Placing Text on Top of an Image
• Background Images for Any Element
• Page Backgrounds, Positioning and Watermarks
• Using Multiple Page Backgrounds

CSS and Navigation

• Replacing Image-based Navigation
• Using a Styled List as a Navigation Menu
• Creating RollOvers Without Images or JavaScript
• Making Text Links Look and Act Like Buttons
• Creating Tabbed Navigation with CSS

CSS and Tables

• Tables That Are Accessible AND Attractive
• Table Layout, Borders and Spacing
• Alternating Table Row Background Colors
• Changing Background and Text Colors on Hover
• Creating a Calendar with Tables and CSS

CSS and Forms

• Referencing and Styling Form Elements with CSS
• Laying Out a Two Column Form without Tables
• Grouping and Styling with Fieldsets and Legends
• Styling AccessKey Hints for Improved Accessibility
• Coloring and Highlighting in Select Lists
• Creating a Form that Looks Like a Spreadsheet

CSS Positioning and Layout

• Replacing Tables Used for Page Layout
• Margins, Padding, Block and Inline Elements
• Liquid vs. Fixed Layout with Multiple Columns
• Headers, Footers, Combining Fixed & Float Content

Experimentation, Browsers, and the Future

• Styling and Coloring ScrollBars
• Pure CSS DropDown Menus
• CSS and Dynamic HTML

CSS and Specific Media

• Print Style Sheets and Paged Media Control
• Aural Style Sheets: Controlling Speech and Sound