CSS3 Training Overview

Accelebrate's Developing Cascading Style Sheets course teaches attendees how to format text and layout pages using CSS.

Location and Pricing

Accelebrate courses are taught as private, customized training for groups of 3 or more at your site. In addition, we offer live, private online training for teams who may be in multiple locations or wish to save on travel costs. To receive a customized proposal and price quote for private on-site or online training, please contact us.

Online Training with Accelebrate. In the wake of the sudden emergence of the Coronavirus crisis, we want to help our clients continue to learn and grow while at home. We are offering 10% off any new booking of private online classes for your team of 3 or more if purchased before May 15, 2020. Please use discount code online2020 in the comments section of the contact form. For more information, and to see how we ensure successful online training, please see this Online Training Q&A.

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
Request Pricing for Introduction to CSS3

Lecture percentage

40%

Lecture/Demo

Lab percentage

60%

Lab

Course Number:

CSS-102

Duration:

2 Days

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 Requirements:

  • Windows or Mac OS X with at least 8 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
  • Web development tool of your choice (should support CSS syntax highlighting)

Contact Us:

Accelebrate’s training classes are available for private groups of 3 or more people at your site or online anywhere worldwide.

Don't settle for a "one size fits all" public class! Have Accelebrate deliver exactly the training you want, privately at your site or online, for less than the cost of a public class.

For pricing and to learn more, please contact us.

Contact Us Train For Us

Have you read our Google reviews?

Toll-free in US/Canada:
877 849 1850
International:
+1 678 648 3113

Toll-free in US/Canada:
866 566 1228
International:
+1 404 420 2491

925B Peachtree Street, NE
PMB 378
Atlanta, GA 30309-3918
USA

Subscribe to our Newsletter:

Never miss the latest news and information from Accelebrate:

Microsoft Gold Partner

Please see our complete list of
Microsoft Official Courses

Recent Training Locations

Alabama

Birmingham

Huntsville

Montgomery

Alaska

Anchorage

Arizona

Phoenix

Tucson

Arkansas

Fayetteville

Little Rock

California

Los Angeles

Oakland

Orange County

Sacramento

San Diego

San Francisco

San Jose

Colorado

Boulder

Colorado Springs

Denver

Connecticut

Hartford

DC

Washington

Florida

Fort Lauderdale

Jacksonville

Miami

Orlando

Tampa

Georgia

Atlanta

Augusta

Savannah

Hawaii

Honolulu

Idaho

Boise

Illinois

Chicago

Indiana

Indianapolis

Iowa

Ceder Rapids

Des Moines

Kansas

Wichita

Kentucky

Lexington

Louisville

Louisiana

New Orleans

Maine

Portland

Maryland

Annapolis

Baltimore

Frederick

Hagerstown

Massachusetts

Boston

Cambridge

Springfield

Michigan

Ann Arbor

Detroit

Grand Rapids

Minnesota

Minneapolis

Saint Paul

Mississippi

Jackson

Missouri

Kansas City

St. Louis

Nebraska

Lincoln

Omaha

Nevada

Las Vegas

Reno

New Jersey

Princeton

New Mexico

Albuquerque

New York

Albany

Buffalo

New York City

White Plains

North Carolina

Charlotte

Durham

Raleigh

Ohio

Akron

Canton

Cincinnati

Cleveland

Columbus

Dayton

Oklahoma

Oklahoma City

Tulsa

Oregon

Portland

Pennsylvania

Philadelphia

Pittsburgh

Rhode Island

Providence

South Carolina

Charleston

Columbia

Greenville

Tennessee

Knoxville

Memphis

Nashville

Texas

Austin

Dallas

El Paso

Houston

San Antonio

Utah

Salt Lake City

Virginia

Alexandria

Arlington

Norfolk

Richmond

Washington

Seattle

Tacoma

West Virginia

Charleston

Wisconsin

Madison

Milwaukee

Alberta

Calgary

Edmonton

British Columbia

Vancouver

Manitoba

Winnipeg

Nova Scotia

Halifax

Ontario

Ottawa

Toronto

Quebec

Montreal

Puerto Rico

San Juan

© 2013-2020 Accelebrate, Inc. All Rights Reserved. All trademarks are owned by their respective owners.
This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.