Introduction to CSS3
Accelebrate's Developing Cascading Style Sheets course teaches attendees how to format text and layout pages using CSS.
Location and Pricing
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
CSS3 Training Outline
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
Using Web Fonts: Google, Typekit, etc.
Text Shadow, Text Outline, Text Stroke, etc.
Color, Gradients, Background Images, and Masks
New Color Names
Multiple Background Images
Background-size, Background-origin, Background-clip
Border and Box Effects
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.
Grouping and Changing Orientation
Current status of -moz, -o, etc.
When and Why to Use
Audio Embedding with HTML5/CSS3
New Form Elements
Targeting Device Capabilities: Width, Screen Size, Color Depth, etc.
Building Responsive Sites: Implications for Mobile
Implementing CSS3 in the "Real World"
LESS, SASS, and Other CSS Preprocessors
CSS Grid Systems
Prior hands-on experience with HTML and CSS is required.
All students receive a copy of Peachpit Press's Practical CSS3: Develop and Design and related courseware.
Software needed for each student PC: