Coronavirus (COVID-19) information: Live classes available in-person or online from our fully vaccinated instructors. Learn more about our reopening.


CSS Intensive: Web Development Level II

CSS Intensive: Web Development Level II

CSS Intensive: Web Development Level II: Course Description

In this course, you’ll learn advanced ways to style content and target elements with CSS. 

Improve the layout of your webpages using an alternate box-model, implement vector graphics, create visual effects, and more. Learn more about psoitioning, work with advanced CSS selectors, and leverage CSS variables. Optimize your pages with responsive images using CSS media queries, img srcset, and picture elements. 

Prerequisite: Basic HTML and CSS coding experience is required. 

This course is delivered in partnership with Noble Desktop, a leading design school in NYC with over three decades of experience.

COVID-19 Note: All New York classes will be held live online until June 30, 2020. Participants can retake the course in-person within a year. Upon registration, we will assist with any required setup. 

CSS Intensive: Web Development Level II Course Dates

All classes are led by a live instructor. Class times listed are Eastern time.


Please call 800-851-9237 or 781-376-6044 to schedule a course.

Contact AGI to request course dates.

CSS Intensive: Web Development Level II: Full Overview

Section 1

  • Normalize.css, Default Box Model, & More
  • Font-Weight, Font-Style, & Unitless Line-Height
  • Box Model: Content-Box vs. Border-Box
  • Intro to SVG (Scalable Vector Graphics)

Section 2

  • Embedding SVG
  • SVG Sprites
  • CSS Position Property
  • Creating a Fixed Navbar & RGBA Color

Section 3

  • CSS Background Gradients & Gradient Patterns
  • Multiple Backgrounds & Viewport Sizing Units (vw)
  • Creating Columns with Inline-Block & Calc()
  • CSS Variables (Custom Properties)

Section 4

  • Relational Selectors
  • Pseudo-Elements & the Content Property
  • Attribute Selectors
  • Styling Forms with Attribute Selectors
  • Relative Sizes: Em and Rem

Section 5

  • Flix: Creating a Scrollable Area
  • Flix: Media Queries for Retina/HiDPI Graphics
  • Responsive Images
  • Off-Screen Side Nav Using Only CSS

Section 6

  • Box-Shadow, Text-Shadow, & Z-Index
  • Hiding & Showing: Display, Visibility, & Opacity
  • CSS Transitions
  • CSS Transforms with Transitions

Basic HTML and CSS coding experience is required.

CSS Intensive: Web Development Level II: Course Materials

You will receive a copy of the comprehensive Web Development training book created by the instructors. This book also serves as a resource for you after the class.

Available Delivery Methods For This Class