Cascading Style Sheets (CSS) is a core skill for web developers and web designers. Learn how the Decorator pattern at the heart of CSS lets you apply styles through selectors. Explore the variety of layout options and discover how to make sites and apps shine with typography and animation.
-
Apply your style decisions to HTML documents with selectors.
-
Build complex layouts with Grid, Flexbox, and float options.
-
Enhance sites and apps with typography and animation.
Courses
-
1
CSS Fundamentals: Unlock the Power of Web Styling1h 30mCSS Fundamentals: Unlock the Power of Web Styling
By: Carrie Dils
Explore the core technology used for styling content on the web—CSS. Learn what CSS is capable of doing and the basics you need to make it work for you.
-
2
CSS Essential Training5h 26mCSS Essential Training
By: Christina Truong
Explore the concepts that form the foundation of CSS. Learn how to select content, style text, manage layouts, and more as you work on a series of real-world projects.
-
3
CSS: Selectors2h 19mCSS: Selectors
By: Jen Kramer
Learn how to leverage the power of selectors to select the elements you want to style without adding classes, changing HTML, or getting overly specific with your selectors.
-
4
CSS: Inheritance, Specificity, and the Cascade1h 36mCSS: Inheritance, Specificity, and the Cascade
By: Jen Kramer
Understand the C in CSS—the cascade—and how its three parts work together to determine the style of a website or document.
-
5
CSS: Images2h 4mCSS: Images
By: Morten Rand-Hendriksen
Learn how to manipulate images and shapes to create distinctive visual effects in CSS.
-
6
CSS: Animation1h 50mCSS: Animation
By: Val Head
Learn how to create simple CSS animations such as rollover buttons, 3D transforms, animated graphics and logos, load screens, and more.
-
7
CSS: Display42mCSS: Display
By: Jen Kramer
The display property is at the foundation of all CSS layouts. Learn basics and newer values related to this key property.
-
8
Advanced Responsive Layouts with CSS Flexbox1h 48mAdvanced Responsive Layouts with CSS Flexbox
By: Morten Rand-Hendriksen
Learn how to use the CSS Flexible Box Layout module (aka Flexbox) to create advanced responsive layouts.
-
9
CSS: Advanced Layouts with Grid3h 21mCSS: Advanced Layouts with Grid
By: Morten Rand-Hendriksen
Learn how to take full advantage of the capabilities of CSS Grid to build interfaces that are attractive, accessible, and responsive.
-
10
CSS: Variables and Fluid Layouts2h 2mCSS: Variables and Fluid Layouts
By: Jen Kramer
Learn how to leverage recent advances in CSS to more efficiently build sites with a single design that adapts readily to different screens and environments.
-
11
CSS Layouts: From Float to Flexbox and Grid1h 46mCSS Layouts: From Float to Flexbox and Grid
By: Christina Truong
Floats are fading away fast. Learn how to make the jump from floats to Flexbox and Grid to more efficiently create page layouts with CSS.
-
12
CSS: Print Style Sheets1h 54mCSS: Print Style Sheets
By: Jen Kramer
Learn how to improve the user experience of your websites using print style sheets.
Instructors
Carrie Dils
Business Consultant, Web Instructor, WordPress Developer, Speaker
Christina Truong
Web Developer + Educator
Jen Kramer
Director of Learning Design & Technology at AnnieCannons | HTML, CSS, and No-Code Courses at Frontend Masters and LinkedIn Learning
Morten Rand-Hendriksen
Tech and society, explained.
Val Head
Speaker, Author, Principal Designer