University
Log in
Search
⌘E
My learning
Try Webflow — it's free
Learn
Courses
Learning Paths
Videos
Docs
Resources
Certifications
Interactive Learning
Glossary
The Webflow Way
Engage
Support
Community
Accessibility
Switch to Light mode
Switch to Dark mode
High contrast
All courses
CSS styling
This course is no longer maintained.
There's a newer course on this topic, so treat this one as a reference only.
Take the updated course
→
Login with your Webflow account to track your progress

CSS styling

Take a closer look at all the creative styling possibilities that CSS offers. Learn how to style elements visually, with the power of Webflow.

CSS opens a wide array of options for styling the content (HTML) on your site — but wrapping your head around 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 to apply them visually using Webflow.

Table of contents

1

Getting started

Coming soon

1

Style panel overview
3:15
Style panel overview
Coming soon

1

HTML tags
8:43
HTML tags
Coming soon

1

Classes
10:21
Classes
Coming soon

1

Combo classes
4:05
Combo classes
Coming soon

1

Style Manager
3:46
Style Manager
Coming soon

1

Text style inheritance overview
3:18
Text style inheritance overview
Coming soon

2

Interaction

Coming soon

2

States
2:47
States
Coming soon

2

Transitions
2:40
Transitions
Coming soon

3

Responsive design

Coming soon

3

Breakpoints
8:12
Breakpoints
Coming soon

4

Typography styles

Coming soon

4

Text shadow
2:36
Text shadow
Coming soon

5

Background & border styles

Coming soon

5

Backgrounds
8:15
Backgrounds
Coming soon

5

Set background images
2:04
Set background images
Coming soon

5

Create gradient backgrounds
3:02
Create gradient backgrounds
Coming soon

5

Borders
7:14
Borders
Coming soon

5

Box shadow
3:34
Box shadow
Coming soon

6

3D styles

Coming soon

6

3D movement & parallax
2:25
3D movement & parallax
Coming soon

6

3D perspective
4:01
3D perspective
Coming soon

6

Transforms
4:53
Transforms
Coming soon

7

Effects

Coming soon

7

Opacity
1:44
Opacity
Coming soon

7

Filters
2:59
Filters
Coming soon

7

Override the default cursor for elements
1:45
Override the default cursor for elements
Coming soon

8

Color

Coming soon

8

Color picker
3:51
Color picker
Coming soon

8

Color values
3:22
Color values
Coming soon

8

Typography
21:28
Typography
Coming soon

Progress

0%

Details

Beginner
2h 0m
24
Lessons

Assets & links

Assessment

Test your knowledge
Enroll Now
→

Continue Learning

Design & manage CMS content in Webflow

Learn how to create, manage, and style dynamic content and collections on your site using Webflow’s CMS.

Webflow 101

Introducing Webflow 101, the ultimate course to learn the fundamentals of web design and development.
Comment cursor hovering over a text box

Webflow for Reviewers

Learn how to review and give feedback with confidence in Webflow.
Publishing rocket icon flying through glass

Webflow for Marketers

Learn how to build, edit, and publish with confidence in Webflow.

Webflow for Content editors

Learn how to edit and publish content confidently, without changing your site’s design.

Collaborate with your team

Learn how to set up roles, permissions, and workflows in Webflow so your entire team can work together safely, confidently, and efficiently.