Introduction to CSS
Private Training

Course Summary

This 2-day CSS training class teaches students to use Cascading Style Sheets to format HTML pages. Every web page is affected by at least one style sheet. CSS is a powerful tool for a Web designer to learn because with it you can affect the entire mood and tone of a Web site. Well written style sheets can be updated quickly and allow sites to change what is prioritized or valued without any changes to the underlying XHTML. CSS can be more challenging than plain HTML but it will give you more options and allow you to do more things with your Web sites.

Audience
Students who want to become professional Web designers.
Course Length
2 Days
Prerequisites
Experience in HTML.

Objectives

Learn the benefits of CSS.

Learn to avoid using deprecated tags and attributes.

Learn CSS syntax.

Learn to use <div> and <span> tags appropriately.

Learn to create custom CSS cursors.

Learn to work with borders, margins, and padding (the box model).

Learn to style tables with CSS.

Detailed Outline

  1. Crash Course in CSS
    • Benefits of Cascading Style Sheets
    • CSS Rules
    • Selectors
    • Precedence of Selectors
    • The Cascade
    • Creating an Embedded Style Sheet
    • Creating an External Style Sheet
    • Adding Inline Styles
    • Media Types
    • <div> and <span>
    • Divs and Spans
    • Units of Measurement
    • The Inherit Value
    • @import
  2. CSS Fonts
    • Font – the old way
    • Font-family
    • Font-size
    • Font Family and Font Size
    • Font-style
    • Font-variant
    • Font-weight
    • Font Style, Font Variant and Font Weight
  3. CSS Text
    • Chapter Section
    • Letter-spacing
    • Word-spacing
    • Line-height
    • Text-align
    • Text-decoration
    • Text-transform
    • Vertical-align
    • White-space
    • Text Properties
  4. Colors and Backgrounds
    • About Color Values
    • Color
    • Background-color
    • Background-image
    • Colors and Backgrounds
  5. Custom Cursors
    • Cursor Styles
    • Custom Cursors
    • Using Custom Cursors
  6. CSS and Links
    • Pseudo-classes
    • CSS Button Links
    • Modifying Links
  7. Borders, Margins & Padding
    • Getting Started
    • Borders
    • Margin
    • Padding
    • Borders, Margin and Padding
  8. Styling Tables with CSS
    • A Review of HTML Table Syntax
    • Styling a Table