CSS Videos

Intro to CSS

This video covers everything you need to know to get up and running with CSS in only 20 minutes. It covers CSS syntax, how to add CSS to your HTML, CSS colors, CSS units, the box model, and best practices for CSS walking through a full example of CSS being used to style an HTML page.

By the end of this video you will know enough about CSS to style any basic web pages in your own projects!

CSS Flexbox

Flexbox is a flexible way to layout items as rows or columns. This video will help you learn the most important concepts of layout with CSS Flexbox.

CSS Grid

This video will help you learn the basics of CSS Grid.

Grid is a powerful tool that can build layouts in the context of columns and rows. It can dramatically simplify CSS layout code for responsive designs.

CSS Variables

In modern CSS, you can create CSS variables which contain values that can be reused throughout your stylesheets!

CSS Animation

Animation is the change from one CSS style to another over the dimension of time. This video will help you learn the basics of CSS transitions and keyframe animations.

CSS Pseudo-classes

You can use Pseudo-classes to style an element based on a change to its state. This video will help you learn how to use CSS pseudo-classes to style an element based on changes to its state. like :hover, :focus, and :nth-child.

CSS Pseudo-elements

This video wil help you learn how to use CSS pseudo-elements to style content that does not actually exist in your HTML, like ::before and ::after.

Tailwind

Tailwind is a utility-first CSS framework for building websites. It takes a functional approach to web design by providing thousands of tiny classes to use directly in your HTML.

Sass

SASS, sometimes referred to as SCSS, stands for syntactically awesome stylesheets.

This video will help you learn the basics of SASS, the most mature, stable, and powerful professional-grade CSS extension language in the world.