CSS3 Training Course
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