CSS styling course

Take a closer look at all the styling possibilities CSS offers in web design, and see how Webflow gives you the tools to style elements visually.

30
 Video Lessons
Intermediate
1hr 30min

About this course

CSS opens up a wide array of options for styling the content (HTML) on your site — but wrapping your head around all of them when you're just getting started can be tough. This course walks through the different CSS styling options you can use in your designs, and shows you how you can apply those styles visually using Webflow.

Requirements

  • Free (or premium) Webflow account — sign up
  • Chrome or Safari browser

Course outline

CORE CONCEPTS

Intro to Style Panel

2:48

HTML Tags

3:59

Combo Classes

4:05

Style Manager

1:56

Text Style Inheritance

3:18

Interaction

Transitions

2:40

Responsive Design

Intro to Responsive Design

2:21

Intro to Breakpoints

4:22

Styling Across Breakpoints

3:03

Typography Styles

Intro to Web Typography

3:20

Advanced Typography Styles

3:01

Typography Units

2:43

Line Height

1:38

Text Shadow

2:36

Background & Border Styles

Background Styles Overview

2:20

Background Image

2:04

Background Gradient

3:02

Border Radius

3:22

Box Shadow

3:34

3D Styles

Intro to 3D

2:25

3D Perspective

4:01

2D & 3D Transforms

4:53

Effects

Color

Color Picker & Swatches

3:51

Color Values

3:22

30
 video lessons
Intermediate
1hr 30min