CSS training

• Overview of Style Sheets
• Creating Rules in CSS
• Conflicting Rules: The Cascade Rules in Conflict, Cascading Order Text and Font Properties
• Box Properties in CSS
• CSS Positioning
• Design and Usage Techniques in CSS
• Tableless layouts in CSS
• Images in CSS
• Lists in CSS
• CSS buttons and menus
• Tables in CSS
• CSS Forms
• Links in CSS
• Advanced CSS Selectors
• Advanced CSS Properties
• Browser Bugs in CSS
• Alternate-media in CSS

CSS course

CSS Introduction

• HTML Structure and Content, CSS Presentation
• Advantages of CSS
• Creating and Using Style-Sheets
• CSS Rules: The Basic Syntax
• Case, Whitespace and Comments in CSS
• The CSS Standards
• The Scope Of CSS
• Browser Support for CSS

CSS Boxes and CSS Selectors

• The CSS Box Model
• CSS and Logical HTML Structure
• Styling Boxes: Borders, Margins and Padding
• The IE Box Model and Quirks Mode
• IE Box Model Workarounds
• Using IE6 Standards Mode
• Specifying CSS Distances
• Problems with Absolute Units: pixels and point sizes
• Using Proportional Units: em, ex and percentages
• Formatting Box Edges Differently
• Shorthand Syntax for Sets of Edges
• Using Margins and Padding Effectively
• Collapsing Vertical Margins on Paragraphs
• Using Negative Margins on Boxes
• Background Images on CSS Boxes
• Grouping Elements with HTML Classes
• Styling Multiple Elements Similarly (Selector Grouping)
• Block Boxes and Inline Boxes
• Block Box Behaviour
• inline Box Behaviour

Text Formatting in CSS

• Text Formatting
• Typefaces, Alternatives and Defaults
• Text Size — a Serious Usability Issue
• Font Characteristics in CSS
• Setting and Using Space Within Text in CSS
• Formatting Blocks of Text in CSS
• Using Arbitrary Inline Tags in CSS

More CSS Selectors and Selection

• Using HTML Element IDs in CSS
• Using CSS Descendant Selectors
• Descendant Selector Examples
• Child, Sibling and Pseudo-Class Selectors
• Why You Need To Know Them
• Browser Support and CSS Hacks
• Distinguishing and Setting Link States
• Link, Visited, Hover, Active, Focus in CSS
• Modularising CSS Style-Sheets
• Simpler Management, Less Effort, More Control
• Embedded CSS Styles in HTML Documents
• How and When to Use Them (Rarely).
• Distinguishing Print, Screen and other Output Formats
• Special Issues in CSS for Print

CSS Positioning

• Choosing the Right CSS
• Technique for Positioning Blocks
• The Position Property, Floats, Margins (inc. Negative and Auto), etc
• Static Positioning and Normal Flow
• Absolute Positioning Outside Normal Flow
• Relative Positioning — Not What You May Expect!
• Fixed Positioning Outside Normal Flow
• Relative Absolute Positioning
• Absolutely Positioned Blocks in Relatively Positioned Containers
• Floating Boxes with the CSS float property
• Page Layout Using Absolutely Positioned Blocks

More on CSS Page Layout

• Alternative Methods of CSS Positioning
• Centring Blocks in CSS
• Styling Lists in CSS
• Redefining the Behaviour of Inline and Block Elements
• Hiding and Revealing Blocks in CSS
• Table Formatting in CSS
• Styling Table Cell Borders
• Page Layout with Table Display Properties

Cascade, Precedence, Specificity and Inheritance in CSS

• Taking Control: Ensuring that CSS Rules Interact in the Way You Want
• Combining Styles: Different Types, Origins, Importance, Specificity and Order
• Examples: Combining Rules in CSS
• Cascading and Cascade Order in CSS
• Resolving Style Conflicts By Origin
• Resolving Style Conflicts By Importance
• Resolving Conflict By Selector Specificity
• Resolving Conflict By Order
• Non-CSS Presentational Hints
• Property Inheritance in CSS

CSS Layers and Translucency

• Different Forms of Layered Presentation in CSS
• Layering with the z-index Property
• Different Methods for Creating Translucency Effects
• The CSS3 opacity Property
• Opacity Example in CSS
• Fixed Attachment Backgrounds in Layers
• background-attachment Example
• Transparency and Semi-transpaency with Alpha-Blended PNG
• PNG Translucency Example and Sample Code
• Pseudo-Transparency with JPG Positioned Backgrounds
• JPG Pseudo Transparency Example

Using CSS in the Real World

• Deploying CSS
• CSS Formatting Versus HTML Formatting
• Achieving a Balance in CSS
• Standard Tags and Semantic Markup
• Usability in CSS
• Readable Pages in CSS
• Screen Size and Fluid Design in CSS
• Text Size, Including Internet Explorer Quirks
• Table Layout and CSS Positioning
• Table Layout and CSS Positioning as Alternatives
• Combining Table Layout with CSS Positioning
• CSS Browser Support
• Testing Websites in CSS
• Using Test Suites and Multiple Browsers
• Cross-platform Testing in Single-platform Environments
• CSS Help and Advice
• Authorative Sources versus Web Myths and Gossip