This module introduces to CSS, tailoring web styles using the document hierarchy model, CSS fundamentals, layout techniques, and animation functions.

Zero to Hero in Front-end Web Development

This module is a comprehensive introduction to both writing and implementing CSS.  We’ll learn how to tailor web styles to specific areas using the document hierarchy model. We’ll dive deep into CSS fundamentals, adding colors, text styles, and backgrounds to our web page. After we’ve defined these elements, we’ll use CSS to define layouts around pictures and text flow to completely control the web page’s look. We’ll wrap up by exploring the essential animation functions of CSS.

Web Designing with CSS

Which CSS filter applies transparency to an element?

Which CSS filter applies transparency to an element?

Which transform function tilts an element to its left or right?

Which transform function tilts an element to its left or right?

Which CSS transition has a slow start, fast middle, then slow end?

Which CSS transition has a slow start, fast middle, then slow end?

Which CSS property sets the number of times the animation should repeat?

Which CSS property sets the number of times the animation should repeat?

Take a quiz on what you’ve learned about CSS animations.

Stylizing Content using CSS

CSS Selectors

CSS Core Concepts

CSS Units

CSS Fundamentals

Backgrounds & Colors

CSS Layout

Animating Your CSS

CSS Architecture

Conclusion

Quiz Yourself: Animating CSS