Most Accelebrate courses are delivered as private, customized, on-site training at our clients' locations worldwide for groups of 3 or more attendees and are custom tailored to their specific needs. Please visit our client list to see organizations for whom we have delivered private in-house training. These courses can also be delivered as live, private online classes for groups that are geographically dispersed or wish to save on the instructor's or students' travel expenses. To receive a customized proposal and price quote for private training at your site or online, please contact us.

In addition, some courses are available as live, online classes for individuals. See a schedule of online courses.

CSS3 Training Objectives

Style elements using the new selectors, pseudo classes, and pseudo elements.
Use font and text effects, including @font-face.
Use the new gradient, mask, and background image techniques.
Implement animations, transitions, and 2D and 3D transforms.
Render content appropriately for mobile and tablet devices using media queries.
Understand vendor-specific prefixes and browser support for various CSS3 techniques.

CSS3 Training Outline

Expand All | Collapse All | Printer-Friendly

Introduction

What Is CSS3?

The History of CSS

How to Add CSS: Inline Styles, Head Styles, External Files

General Syntax: Attributes, Selectors, Cascades, etc.

Current State of Browser Support for CSS3

How We'll Check This: caniuse.com, IETester, tools.css3.info

HTML and CSS

How HTML Relates to CSS

A Basic Overview of HTML5

Selectors, Pseudo Classes, and Pseudo Elements

E[foo^="bar"], E[foo$="bar"], etc.

:nth-child, :root, etc.

:before, :after, ::selection

Fonts and Text Effect

@font-face

Using Web Fonts: Google, Typekit, etc.

Font Properties

Text Shadow, Text Outline, Text Stroke, etc.

Word Wrapping

Color, Gradients, Background Images, and Masks

Opacity

New Color Names

Nonimage Gradients

Multiple Background Images

Background-size, Background-origin, Background-clip

Image Masks

Border and Box Effects

Rounded Corners

Resizing

Outline Offsets

Appearance

Image Borders

Box Shadow

Transforms, Transitions, and Animations

translate(), rotate(), etc.

3D: rotateX(), rotateY()

changing, for example, the width of a div on hover (without JS)

animations: @keyframes, animation

Layout: Columns, Flexible Box

Column-count, Column-gap, Column-rule

Multiple Column Layouts

Gaps between Columns

Box-orient, Box-pack, Box-align, Box-flex, etc.

Display: box

Grouping and Changing Orientation

Alignment

Vendor Prefixes

Current status of -moz, -o, etc.

When and Why to Use

Embedding Media

Simplified Video

Audio Embedding with HTML5/CSS3

Accessibility Features

Speech

Others

Forms

HTML5

New Form Elements

Capabilities

Media Queries

Targeting Device Capabilities: Width, Screen Size, Color Depth, etc.

Building Responsive Sites: Implications for Mobile

Implementing CSS3 in the "Real World"

Modernizr

HTML5 Shims

jQuery

LESS, SASS, and Other CSS Preprocessors

CSS Grid Systems

CSS Frameworks

Conclusion

Prerequisites:

Prior hands-on experience with HTML and CSS is required.

Training Materials:

All students receive a copy of Peachpit Press's Practical CSS3: Develop and Design and related courseware.

Software needed for each student PC:

Windows or Mac OS X with at least 3 GB RAM
2 or more browsers of your choice (recent versions):
- Google Chrome
- Mozilla Firefox with the Firebug extension installed
- Internet Explorer 10 or later [Windows users]
- Safari 5 or later
- For classes delivered online, all participants need either dual monitors or a separate device logged into the online session so that they can do their work on one screen and watch the instructor on the other. A separate computer connected to a projector or large screen TV would be another way for students to see the instructor's screen simultaneously with working on their own.
Web development tool of your choice (should support CSS syntax highlighting)
For classes delivered online, all participants need either dual monitors or a separate device logged into the online session so that they can do their work on one screen and watch the instructor on the other. A separate computer connected to a projector or large screen TV would be another way for students to see the instructor's screen simultaneously with working on their own.

Related Courses:

40%

Lecture/Demo

60%

Lab

Software needed for each student PC:

Windows or Mac OS X with at least 3 GB RAM
2 or more browsers of your choice (recent versions):
- Google Chrome
- Mozilla Firefox with the Firebug extension installed
- Internet Explorer 10 or later [Windows users]
- Safari 5 or later
- For classes delivered online, all participants need either dual monitors or a separate device logged into the online session so that they can do their work on one screen and watch the instructor on the other. A separate computer connected to a projector or large screen TV would be another way for students to see the instructor's screen simultaneously with working on their own.
Web development tool of your choice (should support CSS syntax highlighting)
For classes delivered online, all participants need either dual monitors or a separate device logged into the online session so that they can do their work on one screen and watch the instructor on the other. A separate computer connected to a projector or large screen TV would be another way for students to see the instructor's screen simultaneously with working on their own.

Please see our complete list of
Microsoft Official Courses

Recent Training Locations

United States

Alabama

Hunstville

Montgomery / Birmingham

Alaska

Anchorage

Arizona

Phoenix

Tucson

Arkansas

Fayetteville / Little Rock

California

San Francisco /

Oakland / San Jose

Orange County / Los Angeles

Sacramento

San Diego

Colorado

Denver /

Boulder / Colorado Springs

Connecticut

Hartford

Washington

Florida

Fort Lauderdale / Miami

Jacksonville

Orlando

Saint Petersburg / Tampa

Georgia

Atlanta

Augusta & Savannah

Idaho

Boise

Illinois

Chicago

Indiana

Indianapolis

Iowa

Cedar Rapids / Des Moines

Kansas

Wichita

Kentucky

Lexington / Louisville

Louisiana

Baton Rouge / Orleans

Maine

Portland

Maryland

Annapolis / Baltimore

Hagerstown & Frederick

Massachusetts

Springfield

Boston / Cambridge

Michigan

Ann Arbor / Detroit

Grand Rapids

Minnesota

Saint Paul / Minneapolis

Mississippi

Jackson

Missouri

Kansas City

St. Louis

Nebraska

Lincoln / Omaha

Nevada

Reno and Las Vegas

New Jersey

Princeton

New Mexico

Albuquerque

New York

Buffalo

Albany

White Plains / York City

North Carolina

Charlotte

Durham / Raleigh

Ohio

Canton / Akron

Cincinnati

Cleveland & Columbus

Dayton

Oklahoma

Tulsa / Oklahoma City

Oregon

Portland

Pennsylvania

Pittsburgh

Philadelphia

Rhode Island

Providence

South Carolina

Columbia & Charleston

Spartanburg & Greenville

Tennessee

Memphis / Nashville

Knoxville

Texas

Dallas

El Paso

Houston

San Antonio / Austin

Utah

Salt Lake City

Virginia

Richmond / Alexandria / Arlington

Washington

Tacoma / Seattle

West Virginia

Charleston

Wisconsin

Madison / Milwaukee

Canada

Alberta

Edmonton / Calgary

British Columbia

Vancouver

Nova Scotia

Halifax

Ontario

Ottawa

Toronto

Quebec

Montreal

Puerto Rico

San Juan

ACCELERATED LEARNING, CELEBRATED RESULTS ®

Developing Cascading Style Sheets

Introduction to CSS3

Fundamentals of HTML5 and CSS3

Modern Web Design with HTML5, CSS3, JavaScript, and jQuery

Mobile Development with HTML5, CSS3, and JavaScript

Introduction to RWD

MOC 20480 - Programming in HTML5 with JavaScript and CSS3

Birmingham Introduction to CSS3

40%

60%

Course Number:

CSS-102

Duration:

2

Location and Pricing

CSS3 Training Objectives

CSS3 Training Outline

Prerequisites:

Training Materials:

Software needed for each student PC:

Related Courses:

40%

60%

Course Number:

CSS-102

Duration:

2 Days

Prerequisites:

Training Materials:

Software needed for each student PC:

Related Courses:

Recent Training Locations

United States

Canada

Puerto Rico

ACCELERATED LEARNING, CELEBRATED RESULTS ®

Birmingham Introduction to CSS3

40%

60%

Course Number:

CSS-102

Duration:

2

Location and Pricing

CSS3 Training Objectives

CSS3 Training Outline

Prerequisites:

Training Materials:

Software needed for each student PC:

Related Courses:

40%

60%

Course Number:

CSS-102

Duration:

2 Days

Prerequisites:

Training Materials:

Software needed for each student PC:

Related Courses:

Contact Us:

Subscribe to our Newsletter:

Recent Training Locations

United States

Canada

Puerto Rico