Course Summary

CSS Training course covers basic, intermediate and advanced CSS topics. It is intended for designers who are already familiar with HTML basics and want to move on to the XHTML and CSS standard for separating look and feel from the data.

Duration

2 days.

Objectives

Upon completion, you will be able to write valid and compliant Cascading Style Sheets(CSS).

Audience

Students should have basic knowledge of HTML.

Outline


Introduction

  • What is CSS
  • Advantages of using CSS
  • Validating CSS

CSS and HTML

  • Inline Style Sheets
  • Embedded Style Sheets
  • External Style Sheets

CSS Essentials

  • Units in CSS
  • Typography
    • Text Formatting
    • Text Layout
  • Colors and Backgrounds
    • Defining Colors
    • Background images
    • Positioning Backgrounds
  • Formatting
    • Padding
    • Borders
    • Margins
  • Layout
    • Lists
    • Tables
  • Forms
    • Styling Input Elements
    • Styling text Elements
    • Styling Select and Option Elements
    • Form Buttons
  • Combining Properties

Selectors

  • Simple Selectors
    • Universal Selectors
    • Type Selectors
  • Descendant Selectors
  • Child Selectors
  • Adjacent Sibling Selectors
  • Attribute Selectors
  • Class Selectors
  • ID Selectors
  • Pseudo Selectors

Importing and Cascading

  • Working with multiple Style Sheets

Advanced Selectors

  • Specificity
    • Rules
    • Conflict Resolution
    • !important
  • Inheritance
  • CSS Generated Content
  • The @.. Rules
    • @import
    • @media
    • @page
  • Child Selectors
  • First-Child Selectors
  • Adjacent Selectors
  • Pseudo-class Selectors
  • Pseudo-Element Selectors
  • Group Selectors
  • Attribute Selectors

CSS Positioning

  • float
  • position
  • visibility
  • cursor
  • CSS Positioning Properties
  • Positioning Schemes

Layouts

  • One-Column Layout
  • Two Column Layout
  • Fixed-width Two Column Layout
  • Flexible Multicolumn layouts
    • using Floats
    • Using Positioning
  • Fixed-width Multicolumn layouts
    • using Floats
    • Using Positioning
  • Asymmetric Layout
  • CSS Stacking

Tricks and Hacks

  • Internet Explorer Hacks
  • Netscape Hacks
  • Debugging CSS

Course Testimonials

I have been trying to get my mind around CSS and CSS positioning for some time now... My instructor got more into my head today than the last two years of going at it alone

- Oversee.net

Great Job! this was really beneficial and i feel like I have a much stronger understanding as to how to organize everything.

- Oversee.net

Gave a very good understanding of what CSS is. I thought I would not be able to cope-up with it, but the course was of very great help and boosted my confidence! Thanks!

- Oversee.net

Great presentation and clear direction on the topics.

- Oversee.net

Overall - fantastic class!! and great instructor. Very patient.

- Oversee.net