In this two day advanced CSS training class, students will learn to use CSS to format forms, create list-based navigation, do advanced page layouts, and create stunning background effects. Students will also learn about CSS coding conventions and shorthand properties.

Students who want to advance their current CSS skills.

Experience in HTML and basic CSS.

• Positioning and Visibility
  • Element Flow
  • Position
  • Positioning
  • Z-index
  • Display
  • Visibility
  • Float
  • Clear
• Advanced CSS Page Layout
  • Resetting Styles
  • Full Width Layouts
  • Two-column
  • Three-column
  • Positioning the Headings
  • Fixed Width Layouts
  • A Recommendation on Positioning
  • Other Methods of Layout
• CSS Shorthand Properties
  • What is CSS Shorthand?
  • Benefits of Using CSS Shorthand
  • Shorthand Margins and Padding
  • Shorthand Border and Outline
  • Shorthand Backgrounds
  • Shorthand Fonts
  • Shorthand Lists
• CSS Lists as Hierarchical Navigation
  • Menus as Lists
  • CSS Horizontal Menu
  • CSS Vertical Menu
  • CSS Dynamic Menus
  • Assessibility
• CSS Background Tricks
  • Rounded Corner Boxes
  • Fixed-width Rounded Corner Boxes
  • Mountaintop Corners
  • Tabbed Navigation
  • Drop Shadows
  • CSS Sprites
• Laying out and Styling Forms with CSS
  • Laying out the Questions
  • Creating the Form
  • Reset Revisited
  • Styling the Form
  • Expanding the Form
• CSS Best Practices
  • Considerations
  • Use CSS
  • Use External Style Sheets
  • ID the Body
  • Use CSS Shorthand
  • Combine CSS Rules
  • Use a CSS Reset
  • Use the “LoVe HAte” Rule
  • Use the HTML Lists for Navigation Menus
  • Avoid CSS Hacks
  • Use a CSS Compressor
  • Use a Master Style Sheet
• Browser-compatibility Issues
  • Quirks Mode
  • Controlling Browser Modes
  • Design Strategy