Skip to content

Contact sales

By filling out this form and clicking submit, you acknowledge our privacy policy.

Advanced CSS

Course Summary

The Advanced CSS course is designed to demonstrate CSS' advanced syntax and features to create scalable and maintainable stylesheets.

The course starts by introducing basic CSS skills and a new set of powerful front-end development tools. Next, it transitions into an in-depth breakdown of all of the new CSS3 modules. The course concludes with an overview of CSS frameworks.

Purpose
 Learn about CSS' advanced syntax and features to create scalable and maintainable stylesheets.
Audience
 Web Developers who know HTML/XHTML and CSS looking to expand their knowledge.
Role
Web Developer
Skill Level
Advanced
Style
Fast Track - Targeted Topic - Workshops
Duration
3 Days
Related Technologies
Web Development | CSS

 

Productivity Objectives
  • Complete a review of Cascading Style Sheets and rules
  • Summarize CSS3 selectors, classes and IDs
  • Demonstrate aptitude with advanced selectors like Universal and Attribute
  • Incorporate interactivity and animation to a page without JavaScript
  • Implement responsive design for different device sizes

What You'll Learn:

In the Advanced CSS training course, you'll learn:
  • CSS2 Review
    • CSS Syntax
    • Element Positioning
    • Box Model
  • CSS3 Introduction
    • Introduction to CSS3
    • Benefits for Mobile Design
    • Compatibility with Browsers and Devices
    • Test with Chrome and Firefox
  • CSS Advanced Selectors
    • Child
    • Sibling
    • Nth
    • Of Type
    • Adjacent
    • Attribute
  • Background Properties
    • Background Image (Using more than one image)
    • Gradients
  • Color Properties
    • Introducing the Alpha Value
    • RGB Format
    • RGBA Format
    • HSL Format
    • HSLA Format
    • Border Properties
    • Border Radius
    • Border Image
  • Font Properties
    • @font-face
    • Google Web Fonts
    • Shadow Properties
    • Text Shadow
    • Box Shadow
  • Forms
    • Overview of HTML5 Forms
    • Style Forms with CSS
    • Validate Forms with CSS
  • Responsive Design
    • Introduction to Responsive Design
    • Introduction to Mobile First Concept
    • Flexible Grids
    • Flexible Units
    • Media Queries
  • Interactivity with CSS3
    • Transitions
    • Transforms
    • 2D and 3D
    • Animations
  • Overview of CSS Frameworks
    • Twitter Bootstrap
    • LESS
real world content

Real-World Content

Project-focused demos and labs using your tool stack and environment, not some canned "training room" lab.
expert practitioners

Expert Practitioners

Industry experts that bring their battle scars into the classroom.
experiential learning

Experiential Learning

More coding than lecture, coupled with architectural and design discussions.
tailored outlines

Tailored Outlines

One-size-fits-all doesn't apply to training teams. That's where we come in!
“I appreciated the instructor's technique of writing live code examples rather than using fixed slide decks to present the material.”

VMware

Dive in and learn more

When transforming your workforce, it's important to have expert advice and tailored solutions. We can help. Tell us your unique needs and we'll explore ways to address them.

Let's chat

By filling out this form and clicking submit, you acknowledge our privacy policy.