In CSS3 First Look, staff author James Williamson provides an in-depth introduction to the newest CSS standard, detailing its modular format, history, and current level of browser support, while also demonstrating its capabilities and applications. The course includes tutorials on using new selectors, modifying typography and color, working with the box model, and understanding media queries. Exercise files accompany the course.

Topics include:
Understanding the history of CSS3
Working with the new selectors
Adding transparency and gradients
Specifying web fonts with @font-face
Understanding the advances to page layout
Looking at CSS3 box model capabilities
Using 2D and 3D transforms
Understanding media queries

Introducing CSS3

What is CSS3?
The current status of CSS3
An overview of CSS3 capabilities
Can you use CSS3 now?
Detecting support for CSS3
Understanding vendor prefixes

CSS3 Selectors

An overview of child and sibling selectors

Using child and sibling selectors

An overview of attribute selectors

Using attribute selectors

Pseudo-class UI selectors

Negation pseudo-class selectors

Target pseudo-class selectors

Structural selectors

Nth-child selector syntax

First, last, and only structural selectors

Using structural selectors to write more efficient code

Working with Color in CSS

Color formats in CSS3

Transparency in CSS3

CSS3 gradients

Creating linear gradients

Creating radial gradients

CSS3 Typography

Working with web fonts

@font-face syntax

Downloading sample fonts

Writing @font-face declarations

Using web fonts

Using text shadows

Creating multi-column text

CSS3 and Page Layout

An overview of the flexible box model

Controlling box orientation

Setting element flexibility

Distributing boxes

Controlling box alignment

Working with box-sizing

The CSS3 Box Mode

Using border-radius

Creating custom rounded corners

Understanding border images

Using border images

Creating box shadows

CSS3 backgrounds

Controlling background size

Creating multiple background images

Using background-origin

Clipping background content

CSS3 Transitions and Transforms

An overview of CSS3 2D transforms

Using 2D transforms

Setting transform origins

An overview of CSS3 transitions

Animating CSS properties

Using easing in animations

An overview of 3D transforms

Media Queries

Understanding media queries

Strategies for targeting multiple devices

Writing styles for target screen sizes

Deploying styles through media queries

Basing media queries on page orientation

Targeting media queries for iOS devices

CSS3 First Look - Lynda.com

Author : James Williamson

SubjectWeb + Interactive, CSS

uration6h 34m

releasedNov 29, 2010