# Advanced HTML & CSS Course Online

Canonical URL: <https://vdci.edu/courses/advanced-html-css-online>

## Overview

This course takes your CSS skills further by introducing more advanced styling techniques and smarter ways to target and control elements on the page. You'll move past the basics to produce cleaner layouts, richer visuals, and more adaptable designs.

You'll learn how to manage layouts with the border-box model, work with SVG graphics, and build visual effects like gradients, shadows, and transparent colors using RGBA. Along the way, you'll sharpen your grasp of positioning through relative, absolute, and fixed values, put advanced CSS selectors to work, and take advantage of CSS variables. The course also covers refining layouts with responsive images using media queries, img srcset, and the picture element. It builds on foundational HTML and CSS skills and serves as the next step in the web design and web development bootcamp sequence.

## What you'll learn

- Master advanced CSS concepts including positioning, complex selectors, relative sizing units (px, em, rem), and the calc() function
- Create sophisticated visual styles using multiple background images, RGBA transparency, gradients, shadows, and more
- Work with SVG graphics in a variety of ways and learn to style them directly with CSS
- Build responsive images with img srcset and the picture element for optimized performance
- Use CSS variables to write cleaner, more flexible, and maintainable code
- Create mobile-friendly off-screen navigation menus using only CSS
- Add motion and interactivity through CSS transitions and transforms

## Prerequisites

Students should have HTML and CSS coding experience equivalent to our [Web Development with HTML & CSS](https://vdci.edu/courses/web-development-with-html-css-course-online) class.

## Pricing

**Tuition:** $975