Skip to content

Contact sales

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

Introduction to CSS

Course Summary

The Introduction to CSS course is designed to demonstrate how create compelling websites by applying design techniques to HTML with simple CSS rules.

The course begins by introducing the basics of CSS. Next, it transitions into discussing new CSS3 features, including advanced selectors, shadows, and interactivity with transitions. The course concludes with sections on transforms and animations.

Purpose
 Learn how to create compelling websites by applying design techniques to HTML with simple CSS rules.
Audience
 Anyone who has a working knowledge of HTML and a desire to make web site presentation and layout easier.
Role
Web Developer
Skill Level
Introduction
Style
Hack-a-thon - Learning Spikes - Workshops
Duration
3 Days
Related Technologies
Front-End Development Training | Web Development | CSS

 

Productivity Objectives
  • Style HTML websites using CSS selectors
  • Distinguish between the core features of CSS2 and CSS3
  • Incorporate responsive design and media queries to make pages mobile friendly
  • Apply interactivity to pages with transitions, transforms, and animations

What You'll Learn:

In the Introduction to CSS training course, you'll learn:
  • Introduction to Cascading Stylesheets
    • What is CSS?
    • What is CSS3?
    • Compare CSS to other web technologies
  • CSS Structure and Syntax
    • Understand CSS selector types
    • Work with inheritance rules
    • Incorporate CSS3 selector types
    • Style links
    • Change color properties
  • Layout
    • Position elements
    • Understand the box model
    • Assign background properties
    • Style divs and spans
    • Introduce semantic layouts
  • Introducing Additional CSS3 Modules
    • Understand vendor prefixes
    • Set border properties
    • Adjust shadow properties
    • Use flexible multi-column layouts
  • Responsive Design
    • Introduction to responsive design
    • Understand mobile first methodology
    • Create a flexible grid
    • Use flexible units
    • Write media queries for different screen sizes
  • Adding Interactivity with CSS3
    • Create animations
    • Add transitions and transforms
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.