CSS Training

Structuring Content with XHTML

  • Introducing Web Standards
  • Even Today, IDWIMIE
  • Content, Structure, and Presentation
  • XHTML and Write It
  • XHTML: The Rules
  • An XHTML Template
  • Marking Up Your Content
  • Document Flow: Block and Inline Elements
  • Document Hierarchy

CSS Rules and Selectors

  • Three Ways to Style an HTML Document
  • Inline Styles
  • Embedded Styles
  • Linked Styles
  • Structure of a CSS Rule
  • Writing CSS Rules
  • CSS Selectors
  • Type (Element)
  • Group
  • Contextual (Descendant)
  • Class
  • ID
  • Pseudo-Class
  • Inheritance and the Cascade
  • Specifying Values
  • Numerical Values
  • Color Values

Styling Fonts and Text

  • Font Collections
  • Font Families
  • Font Sizing
  • Font and Text Properties

Positioning XHTML Elements

  • The CSS Box Model
  • Borders, Padding, and Margins
  • Floating and Clearing
  • Positioning
  • Static
  • Relative
  • Absolute
  • Fixed
  • Positioning Context
  • The Display Property
  • Styling Other XHTML Elements

Lists

  • Unordered lists
  • Ordered lists
  • Definition lists
  • Tables
  • Cells: header and data
  • Rows and columns
  • Forms
  • Text fields and textures
  • Checkboxes and radio buttons
  • Select menus
  • Submit buttons
  • Images
  • Wrapping text
  • Background images

Basic Page Layouts

  • Multi-Column Layouts
  • Setting Widths
  • Floated Versus Absolutely-Positioned Layouts
  • A Simple Two-Column Fixed-Width Layout
  • Styling the Text
  • Simple Two-Column Liquid Layout
  • Use a Little Constraint
  • To Float or Not to Float?
  • Three-Column Fixed-Width Layout
  • Three-Column Liquid Layout
  • Making All the Columns the Same Length
  • An Absolutely-Positioned Layout