CSS3 Training Course

Training » All Courses » HTML5 » CSS3

Course Summary

CSS3 covers the new features in Level 3 of the W3C CSS specification, from currently well-supported visual effects to the most cutting-edge animation techniques. It is intended for developers who are already familiar with CSS.

Note: Due to popular demand for online class offerings, we are now offering CSS3 Training ONLINE! Be sure to check our schedules for upcoming dates.

[top] Duration

2 days.

[top] Objectives

You will learn how to implement the newest CSS3 techniques in your web applications, and gain an understanding of the browser support in different modules.

[top] Prerequisites

Knowledge of Basic CSS functionality.

[top] Outline

Introduction

What's new about CSS3
CSS3 Modularity

CSS Review

Units in CSS
CSS Selectors
Positioning

Advanced Selectors

Resolving Specificity
Pseudo-classes
- :target
- :lang
- UI element state pseudo-classes :enabled, :checked, etc
- Structural pseudo-classes
  - :first-child, :last-child, :nth-child, :nth-of-type, etc
- :not
Pseudo-elements
- :first-line
- :first-letter
- CSS Generated Content with :before and :after
Combinators
- Descendant combinator
- Child combinators
- Sibling combinators
Attribute Selectors
- Value selectors
- Substring selectors
The @.. Rules

CSS3 Browser Compatibility

Browser-specific properties
What's supported where

New Visual Effects in CSS3

Rounded Corners
Color and Opacity: RGBA
Text and Box Shadows
Gradients

Advanced Visual Effects

Border Image
Multiple Backgrounds
Reflection
Masks

Layout

Multi-column Layout
Text overflow ellipsis

Web Fonts

@font-face
Copyright and open source fonts
Font services and APIs

2D Transformations

scale
translate
skew
rotate
matrix

Animation

Transitions
Keyframes
Triggering Animation