Introduction to CSS

 

 

 

Introduction to CSS Training Class 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.

Prerequisites: Experience in HTML.

Class Length: 2 days

Introduction to CSS Training Class 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.
Introduction to CSS Training Class 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