Introduction to CSS Training (2 days)

Introduction to CSS Training Overview

This CSS training class teaches students to use Cascading Style Sheets to format HTML pages.

Introduction to CSS Training Course Goals

• 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 most of the common properties and their values
• Learn about browser support for CSS
• Learn to position elements with CSS

Introduction to CSS Training Course Prerequisites

Experience in the following areas is required:

• HTML

Introduction to CSS Training Course Outline

1. Crash Course in CSS
   1. Benefits of Cascading Style Sheets
   2. CSS Rules
      1. CSS Comments
   3. Selectors
      1. Type Selectors
      2. Descendant Selectors
      3. Class Selectors
      4. ID Selectors
      5. Grouping
   4. The Cascade
      1. Embedded Style Sheets
      2. External Style Sheets
      3. Inline Styles
   5. Creating an Embedded Style Sheet
   6. Creating an External Style Sheet
   7. Adding Inline Styles
   8. Media Types
   9. <div> and <span>
   10. Divs and Spans
   11. Units of Measurement
       1. Pixels (px)
       2. Points (pt)
       3. Inches (in), Centimeters (cm), and Millimeters (mm)
       4. Picas (pc)
       5. Ems (em)
       6. Exs (ex)
   12. The Inherit Value
   13. @import
2. CSS Fonts
   1. Font - the old way
   2. Font-family
      1. Specifying by Font Name
      2. Specifying Font by Category
   3. Font-size
      1. Font-size Units
      2. Relative Font-size Terms
      3. Best Practices
   4. Font Family and Font Size
   5. Font-style
   6. Font-variant
   7. Font-weight
   8. Font Style, Font Variant and Font Weight
3. CSS Text
   1. Letter-spacing
   2. Word-spacing
   3. Line-height
   4. Text-align
   5. Text-decoration
   6. Text-indent
   7. Text-transform
   8. Vertical-align
   9. White-space
   10. Text Properties
4. Colors and Backgrounds
   1. About Color Values
      1. Color Names
      2. Hexadecimal Color Values
      3. Short Hexadecimal Color Values
      4. Functional Notation
      5. Recommendation
   2. Color
   3. Background-color
   4. Background-image
      1. Background-repeat
      2. Background-attachment
      3. Background-position
   5. Colors and Backgrounds
5. Borders, Margins and Padding
   1. Getting Started
   2. Borders
      1. Border-style
      2. Border-color
      3. Border-width
      4. Border
   3. Margin
      1. Specifying Margins by Side
   4. Padding
      1. Specifying Padding by Side
   5. Borders, Margin and Padding
6. CSS and Links
   1. Pseudo-classes
   2. CSS Button Links
   3. Modifying Links
7. Working with Lists
   1. List-style-type
   2. List-style-position
   3. List-style-image
   4. Working with Lists
8. Positioning and Visibility
   1. Element Flow
   2. Position
      1. Absolute Positioning
      2. Relative Positioning
      3. Fixed Positioning
   3. Z-index
   4. Display
   5. Visibility
   6. Float
   7. Clear
   8. Positioning and Visibility
9. Browser-compatibility Issues
   1. Quirks Mode
      1. Turning Off Quirks Mode
      2. Design Strategy
   2. Internet Explorer Conditional Statements
   3. Common Browser Bugs
      1. IE 5 and 5.5 Box Model Bug
      2. Double-Margin Bug
      3. Float-Width Bug
      4. 3-Pixel Gap Bug
   4. Fixing the Box Model Bug

Introduction to CSS Training Course Materials

In addition to a comprehensive set of materials, including course notes and all the programming examples, each student will also receive a one-year subscription to Webucator's online reference library, which contains hundreds of the most current electronic technology books - a $149.95 per student value.

Introduction to CSS Training Technical Requirements

1. Operating Systems Options
   • Operating System Options
     • Windows Vista
     • Windows XP with Service Pack 2
   • Macintosh
2. Any Text or HTML Editor
3. Both of the Following Browsers
   1. Internet Explorer 6.0 or later
      • Download
   2. Firefox
      • Download

Class Files for Introduction to CSS Training

1. Download the class files.
2. After downloading the files, click here for further instructions.